美文网首页
Web直播&即时通讯------阿里云、融云

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

作者: 丨丨豹纹丨丨 | 来源:发表于2017-11-07 16:58 被阅读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还可以控制,安卓没有办法,关于这个问题,腾讯给的回复是开启同层播放器,具体的方法也很简单

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

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

    相关文章

      网友评论

          本文标题:Web直播&即时通讯------阿里云、融云

          本文链接:https://www.haomeiwen.com/subject/kycgsxtx.html