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 直播&即时聊天------腾讯云（四）