web 直播&即时聊天------阿里云、融云(三)

经过前面的知识,基本已经把聊天室的功能搞定了,剩下的就是直播的问题了...

一如既往,阿里云的web demo也是少的可怜,只有一个web播放器(Prismplayer),所以这里主要就此播放器踩的坑分享下...

1.获取直播流地址

目前此播放器有两种模式:

  FLASH(pc端): 

    支持视频格式: mp4、flv、m3u8、rtmp、mp3

  HTML5 :

    支持视频格式:  mp4、m3u8

所以那些用rtmp的最好转成m3u8来播放

同样的,不同模式引入不同js文件,如果两个都用,阿里也有提供同时支持两个的版本

传送门------阿里云web播放器

转好格式后,最好添加鉴权,至于是md5,rot13......自行选择

2.使用播放器

播放器使用方法也很简单

// 初始化播放器
    var player = new prismplayer({
        id: "J_prismPlayer", // 容器id
        source: "http://cloud.video.taobao.com/play/u/2554695624/p/1/e/6/t/1/fv/102/28552077.mp4",// 视频地址
        autoplay: false,    //自动播放:否
        width: "100%",       // 播放器宽度
        height: "400px",      // 播放器高度
        isLive: true          //是否直播
    });

 

将source替换成自己的直播地址即可,至于播放器的方法使用,大家去上方的传送门看就好,这里就不多概述了...

需要注意的是:

当是直播模式的时候,若大家调用 liveStreamStop 方法与 m3u8Retry 方法时,pc与移动端差距略大

pc端可能即时就反馈给你,而移动端需要等待一阵时间

自动播放模式兼容性(移动端)极差,几乎属于摆设,暂时还未找到好的自动播放的方法,若有人解决,希望回复下,谢谢

 

另外说一下X5浏览器,视频会自动全屏,ios还可以控制,安卓没有法子,关于这个问题,腾讯给的回复是开启同层播放器,具体的方法也很简单

传送门---前端技术文档

所以其实直播就是将视频拉出来给另一个层而已...

 

这里讲的也就是这么多了,如果在阅读本文过程中发现有任何问题,请您务必指正,感谢万分...

 

30岁是谈恋爱最矛盾的年纪,往往在爱情和面包中寻找平衡点,所以,不敢踏出去寻找另一半,但爱很美好,请不要放弃

 

上一篇:web 直播&即时聊天------阿里云、融云(二)

下一篇:web 直播&即时聊天------腾讯云(四)

posted on 2017-06-14 13:48  bling_bling  阅读(1551)  评论(0编辑  收藏  举报

导航