融云
其实融云的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文件,如果两个都用,阿里也有提供同时支持两个的版本
转好格式后,最好添加鉴权,至于是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还可以控制,安卓没有办法,关于这个问题,腾讯给的回复是开启同层播放器,具体的方法也很简单
所以其实直播就是将视频拉出来给另一个层而已...
网友评论