在html5中注册hls,hls在HTML5页面中进行播放

最近，m3u8视频如何在HTML页面上进行播放。找了半天都没找到，花了一天时间将问题解决，为了方便别人，编写了这篇日志。实现html页面下m3u8格式视频的播放。

网上也有人说了，需要用到jwplayer。

网页代码如下。

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

校园观光车实景查看

通过这个网页您就可以看到校园观光车现在所处的位置，以及运行的情况也就是对校园车的行踪能够了如指掌，很好地解决了校车去哪儿的问题

可爱的校车

This text will be replaced

jwplayer('mediaspace').setup({

'flashplayer': 'player.swf',

'file': 'test',

'streamer': 'rtmp://172.16.97.29:1935/hls',

'controlbar': 'bottom',

'width': '848',

'height': '360'

});

核心代码

This text will be replaced

jwplayer('mediaspace').setup({

'flashplayer': 'player.swf',

'file': 'test',

'streamer': 'rtmp://172.16.97.29:1935/hls',

'controlbar': 'bottom',

'width': '848',

'height': '360'

});

解释：

执行转码的命令如下：

ffmpeg -i rtsp://admin:12345@172.33.23.98 -vcodec copy -acodec aac -ar 44100 -strict -2 -ac 1 -f flv -s 1280x720 -q 10 -f flv rtmp://172.16.97.29:1935/hls/test

注意：名称为test

不能够写成了：test.m3u8

路径：rtmp://172.16.97.29:1935/hls

不能够写成了：rtmp://172.16.97.29:1935/hls/test

需要的js等文件，大家可以到我的资源里面看，有一个相关的实例。

运行效果如下

如果本文章对您有帮助，感谢您的支持！