current location:Home > Technical Articles > Web Front-end > H5 Tutorial

  • Xiaoqiang's road to HTML5 mobile development (5) – making a beautiful video player
    Xiaoqiang's road to HTML5 mobile development (5) – making a beautiful video player
    In the previous articles, we introduced the characteristics of HTML5 and the basic knowledge that needs to be mastered. Now let’s start to truly experience the advantages of Html5. Let’s start making a beautiful video player. Smile, don’t worry, understand it before starting to make it. Let’s talk about the basic knowledge of video files.
    H5 Tutorial 11547 2018-05-24 14:40:02
  • HTML5 CANVAS:绘制图片
    HTML5 CANVAS:绘制图片
    通过前面的学习,我们现在已经可以在HTML5 Canvas中绘制图形和文字,并给它们设置一些样式。我们还可以在canvas中绘制图片。,。
    H5 Tutorial 6035 2018-05-24 13:50:39
  • Detailed explanation of html5 video mobile terminal
    Detailed explanation of html5 video mobile terminal
    This article mainly introduces a brief discussion of filling in the pitfalls of HTML5 video on the mobile terminal. The editor thinks it is quite good, so I will share it with you now and give it as a reference. Let’s follow the editor to take a look, I hope it can help everyone.
    H5 Tutorial 7292 2018-05-24 11:16:11
  • Instructions for using the open source code flv.js
    Instructions for using the open source code flv.js
    Flv.js is an HTML5 Flash video (FLV) player, developed purely with native JavaScript and does not use Flash. Open sourced by bilibili website. A JavaScript library that implements playing FLV format videos in HTML5 videos. It works by transcoding and muxing an FLV file stream into ISO BMFF (MP4 fragment) fragments, then feeding the MP4 fragments into the browser via Media Source Extensions. flv.js is written in ECMAScript 6 and passed through Babel Compiler
    H5 Tutorial 18117 2018-05-24 11:11:56
  • How to remove the default style of the input box on the mobile H5 page
    How to remove the default style of the input box on the mobile H5 page
    This time I will show you how to remove the default style of the input box on the mobile H5 page. What are the precautions for removing the default style of the input box on the mobile H5 page. The following is a practical case, let's take a look.
    H5 Tutorial 5715 2018-05-24 09:54:28
  • HTML5 Plus example code to implement the function of taking pictures or selecting pictures in the album to upload on mobile APP
    HTML5 Plus example code to implement the function of taking pictures or selecting pictures in the album to upload on mobile APP
    This article mainly introduces the Camera, GalleryIO, Storage and Uploader of HTML5 Plus in detail, and the relevant information to realize the function of taking pictures or selecting pictures in the album to upload on the mobile APP. Interested friends can refer to it.
    H5 Tutorial 16060 2018-05-23 15:12:52
  • Detailed explanation of HTML5 placeholder attribute
    Detailed explanation of HTML5 placeholder attribute
    This article mainly introduces the HTML5 placeholder attribute in detail. The placeholder attribute allows you to display prompt information in the text box. Interested friends can refer to it.
    H5 Tutorial 2653 2018-05-23 10:57:58
  • Detailed introduction to the effect of HTML5 using Audio tags to achieve lyrics synchronization
    Detailed introduction to the effect of HTML5 using Audio tags to achieve lyrics synchronization
    The most powerful thing about HTML5 is the processing of media files. For example, video playback can be achieved by using a simple vedio tag. Similarly, there is a corresponding tag for processing audio files in HTML5, which is the audio tag. Through this article, I will introduce to you the effect of HTML5 using the Audio tag to achieve lyrics synchronization. Friends who are interested can learn together.
    H5 Tutorial 7103 2018-05-22 16:40:43
  • HTML5 canvas basic drawing fill style implementation
    HTML5 canvas basic drawing fill style implementation
    <canvas></canvas> is a new tag in HTML5, used to draw graphics. In fact, this tag is the same as other tags. Its special feature is that this tag can obtain a CanvasRenderingContext2D object, which we can use JavaScript scripts to Control this object for drawing. <canvas></canvas> is just a container for drawing graphics. In addition to attributes such as id, class, style, and hei
    H5 Tutorial 3158 2018-05-22 15:45:50
  • Detailed explanation of rapid development of applications based on HTML5 network topology diagram (pictures and text)
    Detailed explanation of rapid development of applications based on HTML5 network topology diagram (pictures and text)
    This example shows how to build a combination of two nodes, a connection, and a Group. Combined with "Hundreds of HTML5 Examples to Learn HT Graphic Components - Topology Map", you can easily understand that building a topology interface is basically operating the DataModel data model. The following is the model code part that builds the interface effect in the above picture:
    H5 Tutorial 6971 2018-05-22 11:38:13
  • Teach you how to implement a fruit cutting game using HTML5 and JS
    Teach you how to implement a fruit cutting game using HTML5 and JS
    The fruit cutting game was once a popular casual game on mobile phones. Today we are going to introduce a web version of the fruit cutting game, which is implemented by JavaScript and HTML5. Although the functions are very different from the original version, the basic functions are still available. The imitation is quite realistic. Friends with a certain level of JavaScript can take a look at the source code. I believe your JavaScript level will be greatly improved. Online demo source code download All JavaScript code /** * this file was compiled by jsbuild 0.9.6 *..
    H5 Tutorial 8110 2018-05-22 11:18:29
  • Detailed introduction to the graphic and text code for constructing 3D scenes based on HTML5 WebGL technology (1)
    Detailed introduction to the graphic and text code for constructing 3D scenes based on HTML5 WebGL technology (1)
    HT for Web provides a variety of basic types for users to use in modeling. Different from traditional 3D modeling methods, the core modeling of HT is based on API interfaces, through HT's predefined primitive types and parameter interfaces. Set up to achieve the construction of three-dimensional models. Next let’s talk about predefined 3D models and parameter settings.
    H5 Tutorial 5729 2018-05-21 11:36:29
  • html移动端页面、图片多少宽度最合适?
    html移动端页面、图片多少宽度最合适?
    目前网站开发已经更多的转向移动端设计、制作,想询问一下移动端网页宽度多少合适?960px、640px、480px、320px?图片多少宽度适合?比如用640px的图片宽度设置为320px是否比较清晰?但是图片大小会较大是否合适?
    H5 Tutorial 10521 2018-05-19 14:57:48
  • Monitor front-end performance using HMTL5 API
    Monitor front-end performance using HMTL5 API
    The User Timing API can measure performance between two predefined markers in a web application. Developers only need to define the start and end markers of the measurement separately. The timing position can be marked through the function provided by the JavaScript object "".
    H5 Tutorial 2558 2018-05-19 14:31:37
  • How to implement date and title right alignment in li tag
    How to implement date and title right alignment in li tag
    I hope that the title will be aligned to the left and the date will be aligned to the right. When float:right is directly added to the span of the date, both IE8 and FF will be OK, but IE6/7 will wrap the line. Here is a simple and effective solution.
    H5 Tutorial 4561 2018-05-18 17:17:50

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28