自助终端的一个需求,当时搞的头疼,最后差不多解决了,但是并没有上线,感觉实现方式还是有问题,但是还是记录下吧。时间跨度挺长了,在草稿箱躺了快一年。今天终于想起把这篇博客完善好。不说了,上代码~
1.m3u8格式
用vediojs和videojs-contrib-hlsjs实现
引入css
<link href="https://vjs.zencdn.net/7.1.0/video-js.css" rel="stylesheet">
HTML
<video id="my_video_1" class="video-js vjs-big-play-centered" controls muted>
<source src="http://X.X.X.X/live/ims.m3u8" type="application/x-mpegURL">
</video>
引入js
<script src='../static/src/js/video.min.js'></script>
<script src='../static/src/js/videojs-contrib-hlsjs.min.js'></script>