Web直播&即时通讯------阿里云、融云

2017-11-07  本文已影响0人  丨丨豹纹丨丨

融云

其实融云的api还是比较清晰的,只不过web demo只有ng的,个人对ng不是很熟悉,所以只能自己慢慢摸索。

1. 注册帐号,根据提示创建应用,获取appkey

2. 引入sdk(请去官网选择最新版本)

3. 初始化sdk

RongIMClient.init("xxx");//"xxx"代表你的appkey

4. 设置监听器

顾名思义,状态连接监听器是用来检测当前用户的状态的,消息监听器也就是我们接受消息的。

5. 获取token(在我的应用中自行获取即可)

6. 连接服务器

7. 发送消息

因为是直播所以选择了聊天室,大家根据自己的需求更改即可

RongIMLib.ConversationType.CHATROOM; ==> 选择聊天室

targetId = "xxx"; ==> 如果是聊天室就填写创建聊天室的id,私聊就是目标用户的id,以此类推

8. 进入聊天室

当没有聊天室的时候,此方法会创建聊天室

9.其他

基本上的功能就是这样了,像其他的功能(同步回话列表,表情等)大家去官网查看,这里就不讲解了...

(ps:而且web这一块的文档真心不算很友好!!)

直播的问题

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

1.获取直播流地址

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

FLASH(pc端):

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

HTML5 :

支持视频格式:  mp4、m3u8

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

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

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

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

2.使用播放器

播放器使用方法也很简单

//初始化播放器varplayer =newprismplayer({

id:"J_prismPlayer",//容器idsource: "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还可以控制,安卓没有办法,关于这个问题,腾讯给的回复是开启同层播放器,具体的方法也很简单

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

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

上一篇下一篇

猜你喜欢

热点阅读