HTML5 and HLS protocols combine to solve the problem of mobile web playback

What is HTML5

We need to know html is what. html in English is all called Hyper Text Markup Language , or Hypertext Markup Language. html5 is HTML A new version of the. HTML  is not a programming language, but a markup language   (Markup Language) . html5 is to  HTML   fifth revision of the standard.

Its main goal is to make the Internet semantically readable in order to better be read by humans and machines, while providing better support for the embedding of various media. The HTML5 is designed to support multimedia on mobile devices. New grammatical features are introduced to support this, such as video,audio , and canvas tags. HTML5 also introduces new features that can really change the way users interact with documents.

What is HLS

HLS (HTTP live streaming),Apple 's dynamic bitrate adaptive technology. Audio and video services primarily for PC and Apple terminals. Includes an index file for m3u (8) , aTS media Shard file, and a key encryption string file.

Translate the above 2 highly technical concepts into a translation. This means that H5 is a new standard for HTML that supports native video tags and video controls. Because the video control tag also supports HLS protocol playback. So it is possible to play on the mobile side of the mobile website. H5 is to solve the problem of Web playback, HLS solves the problem of mobile-side playback . The combination of the two makes the mobile Web page play perfectly. This enables all people watching live and on-demand video to enjoy video content without having to download any plugins. From a technical point of view, it is a great leap in video viewing experience.

Using HLS on the HTML5 page

Direct: <video src= "example.m3u8" controls></video>

Or:

<video controls>

<source src= "example.m3u8" ></source>

</video>

The combination of these two technologies is the most widely used in the field of network Video broadcasting. Many of the brands of streaming live-on-demand systems are now directly leveraging the combination of the two technologies to provide a good technical support for the vast audience of video users, such as Adobe Flash media server,wowza Media Server or 800Li media server.

650) this.width=650; "src=" http://www.800li.net/Uploads/Editor/2017-05-19/591e97a581d18.jpg "width=" 696 "height=" 687 "alt=" 591e97a581d18.jpg "/>

Mobile Web Watch live Demo

650) this.width=650; "src=" Http://www.800li.net/Uploads/Editor/2017-05-19/591e97e372d70.png "width=" "height=" 804 "border=" 0 "hspace=" 0 "vspace=" 0 "title=" "style=" WIDTH:450PX;HEIGHT:804PX; "alt=" 591e97e372d70.png "/>

650) this.width=650; "src=" Http://www.800li.net/Uploads/Editor/2017-05-19/591e980bc225b.png "width=" 455 "height=" 812 "border=" 0 "hspace=" 0 "vspace=" 0 "title=" "style=" width:455px;height:812px; "alt=" 591e980bc225b.png "/>

Mobile APP and supports HTML The development tools you need

1. Bizness Apps

2. APPMakr

3. Appsgeyser

4. Mobile Roadie

5. Devmyapp

This article is from the "12894099" blog, please be sure to keep this source http://12904099.blog.51cto.com/12894099/1927656

HTML5 and HLS protocols combine to solve the problem of mobile web playback