直播推流、播放使用方法及注意点
1、阿里云播放器需要引入文件(css和js):
<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.15.2/skins/default/aliplayer-min.css" />
<script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.15.2/aliplayer-h5-min.js"></script>
2、创建一个播放器容器:
<div id="J_prismPlayer" style="width: 500px;height: 500px;"></div>
3、实例化阿里云播放器:
<script> var player = videojs('my-player'); var player = new Aliplayer({ id: 'J_prismPlayer', //source: 'https://live.xxxxxxx.com/live/live.flv?auth_key=1682238998-0-0-0b559e4ec68ecac0db4e51b17b6b2ad4',//播放地址,可以是第三方直播地址,或阿里云直播服务中的拉流地址。 source: 'https://live.xxxxx.com/live/live.m3u8?auth_key=1682240052-0-0-04f36b1d4c078ccc28993c11bcdd51a2',//播放地址,可以是第三方直播地址,或阿里云直播服务中的拉流地址。 isLive: true,//是否为直播播放。 },function(player){ console.log('The player is created.') }); </script>
视频流地址请前往阿里云后台,或者第三方后台获取拉流地址;
这里针对阿里云视频后台中,如果播流域名中设置了url鉴权:
播流地址中就会生成:http://live.xxxxxx.com/test/test.m3u8?auth_key=1683254485-0-0-6be53e3d38c5ebdb54789e31e132e5c1 后面跟着auth_key鉴权参数
阿里云播放器只能播放flv地址和m3u8地址的直播。但是一旦开启了鉴权,都会出现无法播放的问题。如果要使用鉴权播放,必须开启超低延时播放,具体为什么不清楚:
我们可以设置推流不开启超低延时推流,播放这边开启超低延时播放,这个可以自己选择自主搭配。但是如果要使用鉴权播放,必须开启超低延时播放 再次强调一下。
关于如何直播,分两块:
1、推流:
可以使用手机:易-live,易推流,杏林推流,芯象,任意发布这几款手机推流软件,可以自行选择。个人推荐易-live
电脑可以使用:obs推流
其他的比如相机需要购买一个中台设备,进行推流。具体某宝上可以搜索
只要将阿里云后台生成的推流地址填入到各个设备中的推流地址就就可以开启来了。
推流用rtmp格式,基本上都是支持的。
2、播流:
H5网页只支持flv和M3U8格式的,flv延时小,适合互动形的直播。m3u8延时很大,有时达到20秒。只能用于慢直播等。
rtmp播放需要flash支持,现在很多浏览器都不支持了。但是rtmp稳定,延迟小。
H5中无法直接播放,使用阿里云播放器(快速接入:https://help.aliyun.com/document_detail/125570.htm?spm=a2c4g.57314.0.0.4a3b73fcNBY5j9#task-1997027),或者使用hls.js,video.js进行播放。部署也是比较简单。也可以使用其他的第三方插件。