网易云音视频多人通话webRTC的实现(接)。

vue写的
首先index.html进行引入
网易云音视频多人通话webRTC的实现(接)。_第1张图片
在页面进行初始化
网易云音视频多人通话webRTC的实现(接)。_第2张图片
mounted或者created进行初始化
在这里插入图片描述
首先初始化nim
网易云音视频多人通话webRTC的实现(接)。_第3张图片
官网上有一堆api 复制就可以了
在onsyncdone 函数下 初始化 webRTC 具体看文档即可
网易云音视频多人通话webRTC的实现(接)。_第4张图片
这里具体是单人点对点通话用的,多人用不到,多人用到下面的网易云音视频多人通话webRTC的实现(接)。_第5张图片
在nmi上又一个oncustomsysmsg 收到自定义通知以获取到后台所需要的sessionid(房间号) 和别的参数(userid等),和后台进行商量,我拿到数据如下
网易云音视频多人通话webRTC的实现(接)。_第6张图片
后面就简单了 加入房间
网易云音视频多人通话webRTC的实现(接)。_第7张图片
打开摄像头
网易云音视频多人通话webRTC的实现(接)。_第8张图片
复制官方文档即可
http://dev.yunxin.163.com/docs/product/%E9%9F%B3%E8%A7%86%E9%A2%91%E9%80%9A%E8%AF%9D/SDK%E5%BC%80%E5%8F%91%E9%9B%86%E6%88%90/Web%E5%BC%80%E5%8F%91%E9%9B%86%E6%88%90/%E9%9F%B3%E8%A7%86%E9%A2%91%E9%80%9A%E8%AF%9D%E6%B5%81%E7%A8%8B%E5%A4%9A%E4%BA%BA

网易云音视频多人通话webRTC的实现(接)。_第9张图片
设置2个div 与上面的api对应
网易云音视频多人通话webRTC的实现(接)。_第10张图片
网易云音视频多人通话webRTC的实现(接)。_第11张图片
离开房间
网易云音视频多人通话webRTC的实现(接)。_第12张图片

你可能感兴趣的:(vue,react)