产品百科 |Web 端如何快速集成 RTC SDK

简介: 本文为您介绍了 Web 端集成 SDK 操作,帮助您快速集成 SDK 并能使用音视频通信基本功能。

本文为您介绍了 Web 端集成 SDK 操作,帮助您快速集成 SDK 并能使用音视频通信基本功能

前提条件

集成 Web 客户端 SDK 必须使用 HTTPS 协议。

环境要求

操作系统 浏览器类型 浏览器最低版本要求 推流 拉流 屏幕分享
Mac OS 桌面版 Safari 浏览器 11+ 支持 支持 不支持
Mac OS 桌面版 Chrome 浏览器 60+ 支持 支持 支持(需要 Chrome 72 及以上版本)
Mac OS 桌面版 Edge 浏览器 80+ 支持 支持 支持(需要 Edge 80 及以上版本)
Windows 桌面版 Chrome 浏览器 60+ 支持 支持 支持(需要 Chrome 72 及以上版本)
Windows 桌面版 Edge 浏览器 80+ 支持 支持 支持(需要 Edge 80 及以上版本)
iOS 11.1.2 及以上 移动版 Safari 浏览器 11+ 支持 支持 不支持
Android 移动版 Chrome 浏览器 63+ 支持 支持 不支持

注意

  • 由于 H.264 版权限制,桌面浏览器 RTC SDK 不支持华为系统的 Chrome 浏览器和以 Chrome WebView 为内核的浏览器的正常运行。
  • setAudioVolumemuteLocalCameramuteLocalMic 接口在 iOS 系统目前存在兼容问题,暂不支持使用。
  • 建议不要在移动端使用 Web 进行 SDK 推流,最好使用 native。
  • 纯订阅模式媒体文件播放失败,请参见 H5 纯订阅模式媒体文件播放失败问题

操作步骤

  1. 下载 SDK
  2. 将 AliWebRtcSDK 包保存到本地项目下。
  3. 在项目相应的前端页面文件中,对 aliyun-webrtc-sdk.js 文件进行引用。image.png
    说明 本图片仅供参考,具体版本号和引入样式请您以实际为准。

后续步骤

完成集成 SDK 操作,您可以实现音视频通信的基本功能,详情请参见 Web 基本功能


「视频云技术」你最值得关注的音视频技术公众号,每周推送来自阿里云一线的实践技术文章,在这里与音视频领域一流工程师交流切磋。

image.png


相关文章
|
5月前
|
弹性计算 运维 Serverless
项目管理和持续集成系统搭建问题之云效流水线支持阿里云产品的企业用户如何解决
项目管理和持续集成系统搭建问题之云效流水线支持阿里云产品的企业用户如何解决
92 1
项目管理和持续集成系统搭建问题之云效流水线支持阿里云产品的企业用户如何解决
|
5月前
|
数据采集 DataWorks 监控
DataWorks产品使用合集之数据集成并发数不支持批量修改,该怎么办
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
|
3月前
|
Web App开发 前端开发 网络性能优化
Web网页端IM产品RainbowChat-Web的v7.2版已发布
RainbowChat-Web是一套Web网页端IM系统,是RainbowChat的姊妹系统(RainbowChat是一套基于开源IM聊天框架 MobileIMSDK (Github地址) 的产品级移动端IM系统)。
50 1
|
5月前
|
文字识别 算法 API
视觉智能开放平台产品使用合集之支持的离线SDK有哪些
视觉智能开放平台是指提供一系列基于视觉识别技术的API和服务的平台,这些服务通常包括图像识别、人脸识别、物体检测、文字识别、场景理解等。企业或开发者可以通过调用这些API,快速将视觉智能功能集成到自己的应用或服务中,而无需从零开始研发相关算法和技术。以下是一些常见的视觉智能开放平台产品及其应用场景的概览。
视觉智能开放平台产品使用合集之支持的离线SDK有哪些
|
4月前
|
前端开发
【前端web入门第五天】03 清除默认样式与外边距问题【附综合案例产品卡片与新闻列表】
本文档详细介绍了CSS中清除默认样式的方法,包括清除内外边距、列表项目符号等;探讨了外边距的合并与塌陷问题及其解决策略;讲解了行内元素垂直边距的处理技巧;并介绍了圆角与盒子阴影效果的实现方法。最后通过产品卡片和新闻列表两个综合案例,展示了所学知识的实际应用。
85 11
|
4月前
|
并行计算 关系型数据库 分布式数据库
朗坤智慧科技「LiEMS企业管理信息系统」通过PolarDB产品生态集成认证!
近日,朗坤智慧科技股份有限公司「LiEMS企业管理信息系统软件」通过PolarDB产品生态集成认证!
|
5月前
|
SQL Java 关系型数据库
实时数仓 Hologres产品使用合集之如何安装和使用Java SDK
实时数仓Hologres是阿里云推出的一款高性能、实时分析的数据库服务,专为大数据分析和复杂查询场景设计。使用Hologres,企业能够打破传统数据仓库的延迟瓶颈,实现数据到决策的无缝衔接,加速业务创新和响应速度。以下是Hologres产品的一些典型使用场景合集。
|
5月前
|
开发者 UED
Axure“Web高端交互元件库”:产品与设计的得力助手
这套“Web高端交互元件库”精心构建了四大板块内容,分别是登陆首页集合、Web框架集合、表单元件集合以及主流后台组件。每一板块都包含了大量实用且美观的交互元件,设计师与开发者可以根据具体项目需求,快速找到并应用这些元件,从而大大提升工作效率。
|
5月前
|
SQL DataWorks 安全
DataWorks产品使用合集之调度资源组与集成资源内部的实例如何进行共用
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
|
5月前
|
数据采集 DataWorks 监控
DataWorks产品使用合集之数据集成任务日志中显示wait,是什么原因
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。