HLS协议、RTMP协议视频web直播

最新推荐文章于 2023-10-28 23:26:36 发布

weixin_34122604

最新推荐文章于 2023-10-28 23:26:36 发布

阅读量355

点赞数

原文链接：https://my.oschina.net/fyzhu/blog/1931514

版权

为什么80%的码农都做不了架构师？>>>

hls(HTTP Live Streaming)协议建议使用h5的video标签播放 m3u8格式
苹果的协议

形如 http://xxx.m3u8
谷歌浏览器下需要使用js才能播放，推荐video.js https://github.com/videojs/vi...

<html>
<head>
//引入videojs 样式
<link href="./video.css?v=bcd2ce1385" rel="stylesheet">
</head>
<body>
//引入videojs
<script src="./video.js?v=fc5104a2ab23"></script>
//引入hls插件
<script src="./videojs-contrib-hls.js?v=c726b94b9923"></script>

<video id="my-player" poster="" controls playsInline webkit-playsinline autoplay width="500" height="400">
<!-- <source src="rtmp://rtmp.open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b" type="application/x-shockwave-flash" /> -->
<source src="http://ivi.bupt.edu.cn/hls/cc...; type="application/x-mpegURL" />
</video>
<script>
//初始化播放器
var player = videojs('my-player');
</script>
</body>
</html>

另外可以直接引用萤石的js（包含video,js video.css videojs-contrib-hls.js）
<script src="https://open.ys7.com/sdk/js/1...;></script>

HLS协议直播源
香港卫视：http://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8 （有跨站限制）
CCTV1高清：http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8
CCTV3高清：http://ivi.bupt.edu.cn/hls/cctv3hd.m3u8
CCTV5高清：http://ivi.bupt.edu.cn/hls/cctv5hd.m3u8
CCTV5+高清：http://ivi.bupt.edu.cn/hls/cctv5phd.m3u8
CCTV6高清：http://ivi.bupt.edu.cn/hls/cctv6hd.m3u8
苹果提供的测试源（点播）：http://devimages.apple.com.edgekey.net/streaming/examples/bipbop_4x3/gear2/prog_index.m3u8 （有跨站限制）