一门APP开发教程

标题: 一门app融云音视频通话js调用教程 [打印本页]
作者: viosw    时间: 2020-2-14 15:20
标题: 一门app融云音视频通话js调用教程
一门app融云音视频通话js调用教程
♦ 融云 - 音视频通话 SDK；
♦ 去申请 接入应用；
♦ js API 接入步骤：
♦ 1. 执行 jsBridge.rc.init 初始化融云系统；
♦ 2. 执行 jsBridge.rc.setUserInfoListener 设置用户资料监听器；
♦ 3. 执行 jsBridge.rc.connect 连接服务器；
♦ 4. 调用通话接口；


详细参数
1.init 初始化
• 调用融云其他 API 接口之前需先执行初始化，只需执行一次。
• 参考官方说明 https://www.rongcloud.cn/docs/android.html#integration_init
  1. jsBridge.rc.init({
  2.   //在融云上创建应用获得的 App Key
  3.   //注意：开发环境 与 生产环境 的 App Key 是不同的
  4.   appKey    : "8luwapkv8bqil",
  5.   //是否启用离线推送功能
  6.   //需配置推送功能：融云后台 - IM 服务 - 应用标识 - 设置推送
  7.   enablePush: true
  8. }, function(succ) {
  9.   alert(succ ? "成功" : "失败");
  10. });
复制代码

2.setUserInfoListener 设置用户资料监听器
• 当 APP 要显示用户信息（昵称，头像）的时候会调用此监听器，参数 userId 指示要显示哪个用户的信息；
• 请在回调函数内调用 jsBridge.rc.setUserInfo 设置用户信息；
  1. jsBridge.rc.setUserInfoListener(function(userId) {
  2.   //userId 用户Id
  3.   console.log(userId);
  4.   //从服务器获取用户信息，调用 setUserInfo 设置昵称和头像
  5.   jsBridge.rc.setUserInfo({
  6.     userId    : userId,
  7.     userName  : "userId 的昵称",
  8.     userAvatar: "http://pics.sc.chinaz.com/Files/pic/icons128/5104/3.png" //userId 的头像
  9.   });
  10. });
  11. alert("已设置");
复制代码


3.connect 连接服务器 - 用户1
• 成功连接到融云服务器后才能正常调用其他业务接口。
• 参考官方说明 https://www.rongcloud.cn/docs/android.html#integration_connect
• 服务器端接口 https://www.rongcloud.cn/docs/server.html#user_get_token
  1. //用执行服务器端接口 User.register(user) 拿到的 token 连接服务器
  2. // https://www.rongcloud.cn/docs/server_sdk_api/user/user.html#register
  3. jsBridge.rc.connect({
  4.   //yimenapp
  5.   //调用融云服务器端接口获取到的用户 token
  6.   //参考 https://www.rongcloud.cn/docs/server.html#user_get_token
  7.   token     : "dLOiJyJ0kc5ABa68y0cHJTF0GMKRswiHFWMCwqh7SVAltzgqDNpv9OZ0fkoXqaFF4jPVy7sE8TMyVlnBmTl3MA==",
  8.   //用户昵称
  9.   userName  : "闲张三",
  10.   //用户头像
  11.   userAvatar: "http://pics.sc.chinaz.com/Files/pic/icons128/5104/3.png"
  12. }, function(succ, message) {
  13.   alert(succ ? "成功" : "失败:\n" + message);
  14. });
复制代码

4.connect 连接服务器 - 用户2
• 成功连接到融云服务器后才能正常调用其他业务接口。
• 参考官方说明 https://www.rongcloud.cn/docs/android.html#integration_connect
  1. //用执行服务器端接口 User.register(user) 拿到的 token 连接服务器
  2. // https://www.rongcloud.cn/docs/server_sdk_api/user/user.html#register
  3. jsBridge.rc.connect({
  4.   //yimenapp2
  5.   token: "W32PGRIGhAhmh26VMKrXq42Wpo2+AX21vVOA1b6ApXlc5/BkuadzUMEtOTpSNVXz2LBdfVOKzahPHvB7RVTxzKZd9ZqgLua5",
  6.   //用户昵称
  7.   userName  : "忙李四",
  8.   //用户头像
  9.   userAvatar: "http://pics.sc.chinaz.com/Files/pic/icons128/5105/0.png"
  10. }, function(succ, message) {
  11.   alert(succ ? "成功" : "失败:\n" + message);
  12. });
复制代码

5.connect 连接服务器 - 用户3
• 成功连接到融云服务器后才能正常调用其他业务接口。
• 参考官方说明 https://www.rongcloud.cn/docs/android.html#integration_connect
  1. //用执行服务器端接口 User.register(user) 拿到的 token 连接服务器
  2. // https://www.rongcloud.cn/docs/server_sdk_api/user/user.html#register
  3. jsBridge.rc.connect({
  4.   //yimen_user3
  5.   token: "XHMN0tTzZkgjSwBR2Rxgro2Wpo2+AX21vVOA1b6ApXlc5/BkuadzULefDnkh25P0IvNFgwKkf89Za+nUfdtouaolVx8L+Gtp",
  6.   //用户昵称
  7.   userName  : "枯叶碟",
  8.   //用户头像
  9.   userAvatar: "http://pics.sc.chinaz.com/Files/pic/icons128/7422/m13.png"
  10. }, function(succ, message) {
  11.   alert(succ ? "成功" : "失败:\n" + message);
  12. });
复制代码


6.disconnect 断开服务器连接
• 参考官方说明 https://www.rongcloud.cn/docs/android.html#integration_disconnect
  1. jsBridge.rc.disconnect(function(succ) {
  2.   alert(succ ? "成功" : "失败");
  3. });
复制代码


7.logout 断开服务器连接并退出融云
• 参考官方说明 https://www.rongcloud.cn/docs/android.html#integration_disconnect
  1. jsBridge.rc.logout(function(succ) {
  2.   alert(succ ? "成功" : "失败");
  3. });
复制代码

8.startSingleCall 发起单人通话 - 用户1
• 发起单人通话
• 参考官方说明 https://www.rongcloud.cn/docs/ios_callkit.html#start_call
  1. jsBridge.rcCall.startSingleCall({
  2.   //通话对方用户 id
  3.   targetId: "yimenapp",
  4.   //true - 视频通话，false - 音频通话
  5.   video   : true
  6. }, function(succ) {
  7.   if (!succ) alert("失败");
  8. });
复制代码

9.startSingleCall 发起单人通话 - 用户2
• 发起单人通话
• 参考官方说明 https://www.rongcloud.cn/docs/ios_callkit.html#start_call
  1. jsBridge.rcCall.startSingleCall({
  2.   //通话对方用户 id
  3.   targetId: "yimenapp2",
  4.   //true - 视频通话，false - 音频通话
  5.   video   : true
  6. }, function(succ) {
  7.   if (!succ) alert("失败");
  8. });
复制代码

10.startMultiCall 发起多人通话 - 用户3
  1. jsBridge.rcCall.startMultiCall({
  2.   //通话对方用户 id
  3.   targetId: "yimenapp2",
  4.   //true - 视频通话，false - 音频通话
  5.   video   : true,
  6.   //会话类型
  7.   conversationType: 1,
  8.   //参与者用户 id 列表
  9.   userIds : ["yimenapp2", "yimen_user3"]
  10. }, function(succ) {
  11.   if (!succ) alert("失败");
  12. });

  14. /**
  15. 会话类型(conversationType)：
  16. 1 : private
  17. 2 : discussion
  18. 3 : group
  19. 4 : chatroom
  20. 5 : customer_service
  21. 6 : system
  22. 7 : app_public_service
  23. 8 : public_service
  24. 9 : push_service
  25. 11: encrypted
  26. 12: rtc_room
  27. **/
复制代码






欢迎光临 一门APP开发教程 (https://bbs.yimenapp.com/) Powered by Discuz! X3.4