1分钟快速跑通URTC Web端 SDK

发布于 2020-10-19 19:23:08

URTCUCloud基于WebRTC技术自研的实时音视频SDK服务。提供一对一、一对多、多对多的音视频通话功能。
URTC目前已支持录制、美颜、水印、伴音、导入外部视频流、互动白板、旁路直播。满足在线教育和培训、远程医疗、视频会议、娱乐直播场景。

1、URTC的优点

  • 低延时 基于UCloud遍布全球的数据中心,可以实现70ms的平均时延。
  • 跨平台接入 支持Web浏览器、Windows、iOS、Android、MacOS、Electorn、Linux等多平台跨平台接入。
  • 浏览器兼容性 除了支持Chrome、Firefox主流浏览器外,URTC同时支持Opera、Eege、QQ、360、Safari等众多浏览器。

2、运行的环境

1、Node.JS、NPM下载安装请点击.
2、使用URTC服务之前,首先需要注册账号 并且完成 实名认证

3、创建项目

  • 在控制台,【全部产品】-【视频服务】-【实时音视频】,找到【我的应用】

  • 点击创建应用,输入应用名称,确定后保存。

  • 确定后,自动生成AppID、AppKey,此处的AppID、AppKey后面要用到,点击启动项目。

4、下载SDK

点击链接下载最新的SDK
同时也可通过UCloud控制台【全部产品】-【视频服务】-【实时音视频】-【文档及SDK】内,下载SDK。

#### 5、配置config.js文件 ####
SDK下载到本地后,按照:urtc-sdk-webexamplespureJSjs路径打开js文件夹,在此文件夹中新创建一个config.js文件。将以下代码复制进config.js文件,并将控制台生成的AppID、AppKey信息替换相应的××××××并保存退出。
实例代码如下:

window.config = {
  AppId: 'urtc-××××××',
  AppKey: '××××××××××××××××××××××××'
}

6、安装 npm 依赖包,并启动

在urtc-sdk-webexamplespureJS目录下,依次执行以下操作:    

npm install
npm start

7、打开页面

浏览器打开 http://localhost:3001
如npm不稳定,可使用yarn来安装和启动。yarn安装命令参考如下:

npm install -g yarn

页面效果如下

此外UCloud同时提供了各个平台的Domo,可直接安装体验

0 条评论

发布
问题