# urtc-web **Repository Path**: ucloud-cn/urtc-web ## Basic Information - **Project Name**: urtc-web - **Description**: urtc-web是UCloud推出的一款适用于全终端观看的实时音视频Demo，给用户提供案例源码，帮忙用户快速接入webrtc音视频业务。用户可通过电脑/手机H5/平板/微信/智能电视等平台，随时随地观看直播。支持高度定制以及二次开发。 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: main - **Homepage**: https://web.urtc.com.cn/ - **GVP Project**: No ## Statistics - **Stars**: 83 - **Forks**: 21 - **Created**: 2021-02-01 - **Last Updated**: 2025-05-09 ## Categories & Tags **Categories**: multimedia **Tags**: None ## README ## 1 描述 [urtc-web](https://web.urtc.com.cn)是UCloud推出的一款适用于全终端观看的实时音视频Demo，给用户提供案例源码，帮忙用户快速接入webrtc音视频业务。用户可通过电脑/手机H5/平板/微信/智能电视等平台，随时随地观看直播，支持高度定制以及二次开发。 线上地址：[https://web.urtc.com.cn](https://web.urtc.com.cn) ，可以参照 **用户使用手册.pdf**了解各项功能。 > 注：在[UCloud 控制台](https://passport.ucloud.cn/#login)， 创建URTC应用，得到 appId 和 appKey。每月10000分钟内免费，超过按照[实时计费方式](https://docs.ucloud.cn/urtc/price)。 ## 2 功能列表 * 视频会议 or 直播会议 * 纯音频互动 * 视频的大小窗口切换 * 开关摄像头 * 开关麦克风 * 开关扬声器 * 开关连麦 * 屏幕分享 * 录制 * 旁路推流 * 分享链接 * 电脑、手机移动端UI适配，微信 直接打开分享链接 * 断网自动重连 * 获取视频房间统计信息（帧率、码率、丢包率等） * 摄像头、扬声器、麦克风检测功能 * 摄像头切换功能 * 自定义用户名、自定义视频格式 * 视频尺寸的配置(180P - 1080P) * 用户权限（上行/下行/全部）控制 * 私有化部署 ## 3 项目架构 ![avatar](https://static.ucloud.cn/docs/urtc/images/introduction/structure.png?v=1611734686) ## 4 项目优势 #### 4.1 全球实时传输 依托于UCloud强大的覆盖能力，全球就近接入，跨国跨运营商传输，提供覆盖全球的音视频通信服务。 #### 4.2 低延时 依赖UCLOUD的全球基础设施，保证国际链路端到端平均时延 <300ms，优于行业同系列产品。 #### 4.3 抗弱网 通过全球就近接入点接入、基于HTTPDNS自研调度算法、丢包重传，实现弱网高质量通信，70%丢包仍可正常通信。 #### 4.4 多通话模式 支持语音通话，支持一对一、多方视频通话，支持一对多连麦。 ## 5 初始化项目 #### 安装 ``` npm install 或 yarn ``` #### 启动 ``` npm run start 或 yarn start ``` 启动成功后，可以参照 **用户使用手册.pdf**了解各项功能。 #### 打包 ``` npm run build 或 yarn build ``` #### 配置文件 > 注： > > 1. AppId 和 AppKey 可从 URTC 产品中获取，可以参考 https://docs.ucloud.cn/urtc/quick 。 > 2. AppKey 不可暴露于公网，建议生产环境时，由后端进行保存并由前端调 API 获取 > 3. 由于浏览器的安全策略对除 127.0.0.1 以外的 HTTP 地址作了限制，Web SDK 仅支持 HTTPS 协议 或者 http://localhost（http://127.0.0.1）, 请勿使用 HTTP 协议 部署你的项目。 > 4. 启动项目需要配置appid\appkey，配置路径：/src/config/index.js