目前所在公司在开发直播软件类的项目,本人刚刚进入公司,插手项目pc站点的rtmp拉流,以及IM解析及发送,遇到的rtmp拉流播放问题总结一下:
一:关于直播流rtmp拉流使用的插件
目前使用的是阿里云的播放器SDK,而且版本由2.8.2更换成2.2.0!推流使用的是云信+深网,数据流使用的是腾讯云,总体来说还算可以能用!
说一下前期踩坑,前期看了video.js和腾讯的,以及另外一个不知名的sw什么的,其结果就是video的很多文档是英文的,主站服务在国外,而且对播放的流视频监控找不到方法(可能是个人问题没找到,翻墙都没有找到),以及无法对flash无法直接唤起,可能我引用的文档有问题,以至于后来直接更换了,但是你别说video.js还是很好用的。
然后就是腾讯的,发现腾讯的真是B了狗了,文档写的也挺好,但是就是恶心到没法用,然后尝试了N下之后,果断放弃!
然后就是尝试的另外一个:player.sewise.com,当时忘了在那里找到的,后来查询文档的时候,发现主站都GG了,很多东西查不到了!
最后无奈就在同事的提醒下查了aliplayer,发现官网写的很是详细!基本都有,就是一些骚操作官网都有!阿里不愧是大厂!NB!
下面直接上代码:
<link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.2.0/skins/default/aliplayer-min.css" />
<script type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.2.0/aliplayer-min.js"></script>
上边是我使用的资源文件
其他就更简单了:
<div id="myplayer" cover=' x5-playsinline="" x-webkit-airplay="" playsinline="" webkit-playsinline="" ></div>
一个video标签,然后就是js:
var player = new Aliplayer({
id: "myplayer",
autoplay: true,
isLive:false,
playsinline:true,
width:"100%",
height:"400px",
controlBarVisibility:"always",
useH5Prism:false,
useFlashPrism:false,
source:"rtmp://.........",
cover:""
});
至于一些监控的方法:
player.off('ready', function(e) {})
player.off('error', function(e) {})
player.off('play', function(e) {})
player.off('pause', function(e) {})
player.on('ready', function(e) {})
player.on('error', function(e) {})
player.on('play', function(e) {})
player.on('pause', function(e) {})
off解绑,on绑定
其他更多官网很详细!
官网:https://help.aliyun.com/product/29932.html?spm=a2c4g.750001.list.72.27f97b13ezEqRe
选择播放器SDK直接就是!希望对大家有帮助!