·您当前的位置:首页 > 技术教程 > 播放器教程 >

HLS播放:html5下用video标签来播放m3u8格式的视频

时间:2018-11-20 12:33阿酷
为什么苹果要提出HLS这个协议,其实他的主要是为了解决RTMP协议存在的一些问题。比如RTMP协议不使用标准的HTTP接口传输数据

HLS播放:html5下用video标签来播放m3u8格式的视频

  1. <video class="tvhou" width="100%" height="100%" 
  2.     controls="controls" autoplay="autoplay" 
  3.     x-webkit-airplay="true" x5-video-player-fullscreen="true" 
  4.     preload="auto" playsinline="true" webkit-playsinline 
  5.     x5-video-player-typ="h5"> 
  6.     <source type="application/x-mpegURL" src="http://www.tvhou.com/zqlive/game.m3u8"> 
  7. </video> 

注:主要应用于手机端。

HLS协议规定:

视频的封装格式是TS。
视频的编码格式为H264,音频编码格式为MP3、AAC或者AC-3。
除了TS视频文件本身,还定义了用来控制播放的m3u8文件(文本文件)。
为什么苹果要提出HLS这个协议,其实他的主要是为了解决RTMP协议存在的一些问题。比如RTMP协议不使用标准的HTTP接口传输数据,所以在一些特殊的网络环境下可能被防火墙屏蔽掉。但是HLS由于使用的HTTP协议传输数据,不会遇到被防火墙屏蔽的情况(该不会有防火墙连80接口都不放过吧)。
---------------------
作者:阿酷tony
来源:CSDN
原文:https://blog.csdn.net/ffffffff8/article/details/84288509

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器