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

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.