直播推流、播放使用方法及注意点

hykeda1年前杂项362

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鉴权:

微信图片_20230505104024.png

播流地址中就会生成:http://live.xxxxxx.com/test/test.m3u8?auth_key=1683254485-0-0-6be53e3d38c5ebdb54789e31e132e5c1  后面跟着auth_key鉴权参数

阿里云播放器只能播放flv地址和m3u8地址的直播。但是一旦开启了鉴权,都会出现无法播放的问题。如果要使用鉴权播放,必须开启超低延时播放,具体为什么不清楚:

微信图片_20230505104737.png我们可以设置推流不开启超低延时推流,播放这边开启超低延时播放,这个可以自己选择自主搭配。但是如果要使用鉴权播放,必须开启超低延时播放 再次强调一下。


关于如何直播,分两块:

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进行播放。部署也是比较简单。也可以使用其他的第三方插件。





相关文章

win10配置java环境(JDK)

下载JDK下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html选择需要下载的版本:然后进行安装,该部分只要按照...

discuz 插件调用钩子未执行问题

discuz 插件调用一些钩子没有被执行到,有可能是dz模板进行了缓存处理,比如统一的头部上的钩子,那么就必须要在后台把dz的缓存清空一下,再去执行就可以执行到了。...

超有用地址链接

正则匹配...

HTTP协议和SOCKS5协议

HTTP协议和SOCKS5协议

我们平时上网的时候基本上是离不开浏览器的,尤其是搜索资料的时候,那么这个浏览器是如何工作的呢?用的又是什么协议呢?协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则。这就引入了...

批量修改文本文件的编码格式

批量修改文本文件的编码格式

1.使用EditPlus打开要修改编码格式的文件所属目录 2.按shift,选中左下角列表中需要转换编码格式的文本,右击选择“打开”,打开的效果如下: 3.依次选择菜单栏中的“文档”-&g...

动态排名数据可视化

动态排名数据可视化

最近在抖音中很流行的一种柱状图动态排名的短视频,再配上背景音乐,这个是有一个小插件实现的,然后配上录屏+背景。 插件介绍: 效果图: 此图为动态...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。