通过阅读本文,您可以了解Web端集成SDK的方法。
注意事项
集成Web客户端时,本地开发可使用http://localhost 或 file:// 协议访问,生产环境则必须使用https协议访问;
若您的开发环境无法通过localhost访问,也不支持https协议,建议使用代理工具将某https域名请求代理到开发环境。
环境要求
Web端具体环境要求,请参见浏览器兼容性和已知问题。
操作步骤
SDK提供了UMD和ES Module两种集成方式,并支持ts 类型文件定义。
ES Module
在项目中使用npm或yarn 安装dingrtc。
npm install dingrtc --save // or yarn add dingrtc
在项目脚本文件里引入相应模块。
import DingRTC from 'dingrtc';
UMD
下载并Web SDK,请参见下载地址SDK下载。
在项目相应的HTML文件中,引用SDK文件。
// 例如:下载SDK文件并命名为dingrtc.js,存放在HTML文件同目录下。 <script src="./dingrtc.js"></script>
在项目脚本文件中使用全局对象DingRTC。
// 例如:创建Web客户端实例 const RTCEngine = DingRTC.default; const client = RTCEngine.createClient();
后续步骤
完成集成SDK操作后,您可以实现音视频通信的基本功能,详情请参见实现基本功能。
文档内容是否对您有帮助?