11

【教程】5分钟快速集成UCloud实时音视频服务URTC-Electron端

 3 years ago
source link: https://zhuanlan.zhihu.com/p/337383372
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

【教程】5分钟快速集成UCloud实时音视频服务URTC-Electron端

通过集成URTC SDK，可以从零开始，快速搭建出实时音视频通信平台，可以应用于语音和视频社交、在线教育和培训、远程医疗、在线会议、直播等多种业务场景。

集成URTC SDK之前，需要在UCLOUD官网控制台创建URTC应用。

1． 登录UCLOUD控制台

在UCLOUD官网，【登录控制台】。

使用URTC服务之前，首先需要注册账号 并且完成 实名认证 。

2．创建URTC应用

每个账号最大支持创建5个URTC应用，需要创建更多URTC应用，请联系客户经理增加配额。

可以通过2种方法：控制台、API创建URTC应用。

2.1 控制台创建URTC应用

  • 在控制台，【全部产品】-【视频服务】-【实时音视频】，找到【我的应用】
  • 点击创建应用，输入应用名称，确定后保存。
  • 确定后，自动生成AppID、AppKey。
  • 绑定AppID及AppKey到您的应用中即可开始使用。

2.2 API创建URTC应用

通过 创建URTC 应用的API，也可以创建URTC应用。具体调用API的方法，请查看API文档。

3. 下载资源

4. 开发语言以及系统要求

  • 开发语言：C++ + javascript
  • 系统要求：Windows 7 及以上版本的 Windows 系统

5. 开发环境

5.1 C++ 开发：自己编译electron SDK

  • Visual Studio 2015 开发环境
  • Win32 Platform

5.2 Javascript 开发

  • 拷贝工程中UCloudRtcElectronEngine.js(java script 接口封装实现)，拷贝pulgin到自己的目录下。

注意：请保持路径正确，或者更改为自己的目录地址。UCloudRtcElectronEngine.js 中node文件引用路径为
./plugin/lib/release/UCloudRtcElectronEngine.node。

  • 在文件中引：import {urtcSdk} from '../ UCloudRtcElectronEngine'。

6. 初始化

6.1 实现eventcallback funtion实现回调处理

var eventMap={
    5000:function(){
        com.addLog('success',"ok");
    },
    5001:function () {
        com.addLog('error','服务器连接断开');
    },
    5002:function (resp,com) {
        //加入房间
    },
    5003:function (resp,com) {
        //离开房间
    },
    5004:function (resp,com) {
        //重连中
    },
    5005:function (resp,com) {
        //重连成功
    },
    5006:function (resp,com) {
        //视频发布成功
    },
    5007:function (resp,com) {
        //取消媒体 {code:0 msg:msg, data:{}}
    },
    5008:function (resp,com) {
       // 用户加入房间
    },
    5009:function (resp,com) {
       // 用户离开房间
    },
    5010:function (resp,com) {
       // 房间内新媒体发布
    },
    5011:function (resp,com) {
         //房间内有媒体流移除
    },
    5012:function (resp,com) {
        //订阅媒体流响应
   },
   5013:function (resp,com) {
        // 取消订阅媒体流响应
    },
    5014:function (resp,com) {
        // mute  本地媒体流响应
    },
    5015:function (resp,com) {
       // mute 远端媒体流响应
    },
    5016:function (resp,com) {
        // 远端媒体流变化
    },
    5019:function (resp,com) {
        //开始录制请求响应
    },
    5020:function (resp,com) {
        //停止请求录制响应
    }
}
initEngine = (eventId,objectStr)=>{
    if(!objectStr){
        objectStr = "{}";
    }
    var fun = enentMap[eventId];
    // console.log(eventId,objectStr);
    this.addLog('info',`SDK返回 ${eventId}:${objectStr}`);
    if(fun){
         fun(JSON.parse(objectStr),this);
    }
 }

6.2 调用接口初始化

urtcSdk.InitRtcEngine(initEngine);
urtcSdk.SetSdkMode(1) ; 
urtcSdk.SetStreamRole(2) ;
urtcSdk.SetAudioOnlyMode(false) ;
urtcSdk.SetAutoPubSub(false, false) ;
urtcSdk.SetVideoProfile(1) ;
urtcSdk.SetScreenOutProfile(2) ;
urtcSdk.SetTokenSeckey("9129304dbf8c5c4bf68d70824462409f") ;

7. 实现音视频通话

7.1 加入房间

const jsonarg = {} ;
jsonarg.uid = userid ;
jsonarg.rid = roomid ;
jsonarg.appid = "URtc-h4r1txxy" ;// test appid 
const jsonStr = JSON.stringify(jsonarg) ;
console.log("joinroom : "+ jsonStr) ;
urtcSdk.JoinRoom(jsonStr);

7.2 发布本地流

urtcSdk.PublishStream(1,this.mediaConfig.videoenable, this.mediaConfig.audioenable);

7.3 取消发布本地流

urtcSdk.UnPublishStream(1);

7.4 订阅流

const jsonarg = {} ;
jsonarg.uid = userid ;
jsonarg.audio = true ;
jsonarg.video = true; 
jsonarg.mtype = 1;
const jsonStr = JSON.stringify(jsonarg) ;
console.log("joinroom : "+ jsonStr) ;
urtcSdk. SubscribeStream (jsonStr);

7.5 取消订阅

const jsonarg = {} ;
jsonarg.uid = userid ;
jsonarg.audio = true ;
jsonarg.video = true; 
jsonarg.mtype = 1;
const jsonStr = JSON.stringify(jsonarg) ;
console.log("joinroom : "+ jsonStr) ;
urtcSdk. UnSubscribeStream (jsonStr);

7.6 离开房间

urtcSdk.LeaveRoom()

7.7 编译、运行，开始体验吧！

本文源自UCloud用户社区，原文链接：5分钟快速集成UCloud实时音视频服务URTC-Electron端-UCloud优刻得中立云计算用户问答社区


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK