Web

通过阅读本文,您可以了解Web端集成SDK的方法。

注意事项

  • 集成Web客户端时,本地开发可使用http://localhost 或 file:// 协议访问,生产环境则必须使用https协议访问;

  • 若您的开发环境无法通过localhost访问,也不支持https协议,建议使用代理工具将某https域名请求代理到开发环境。

环境要求

Web端具体环境要求,请参见浏览器兼容性和已知问题

操作步骤

SDK提供了UMD和ES Module两种集成方式,并支持ts 类型文件定义。

ES Module

  1. 在项目中使用npm或yarn 安装dingrtc

    npm install dingrtc --save
    // or
    yarn add dingrtc
  2. 在项目脚本文件里引入相应模块。

    import DingRTC from 'dingrtc';

UMD

  1. 下载并Web SDK,请参见下载地址SDK下载

  2. 在项目相应的HTML文件中,引用SDK文件。

    // 例如:下载SDK文件并命名为dingrtc.js,存放在HTML文件同目录下。
    <script src="./dingrtc.js"></script>
  3. 在项目脚本文件中使用全局对象DingRTC。

    // 例如:创建Web客户端实例
    const RTCEngine = DingRTC.default;
    const client = RTCEngine.createClient();
说明

针对微信/支付宝小程序,您可以通过小程序内置的webview 标签设置src属性来集成使用JavaScript开发好的在线页面链接来完成相关需求。详细集成方式可参考对应厂商的官方文档,例如微信小程序的web-view,支付宝小程序的web-view

后续步骤

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