Web端如何集成SDK_物联网平台-阿里云帮助中心

本文为您介绍Web端集成SDK的方法，可帮助您实现Web端对Web端、Web端对安卓端等多种音视频通话场景。

前提条件

已开通音视频通信服务。具体操作，请参见开通服务。

环境要求

Web端具体环境要求：

平台	浏览器类型	版本要求
Mac	Safari	Safari 11或以上版本
	Chrome	Chrome 60或以上版本
	Edge	Edge 80或以上版本
Windows	Chrome	Chrome 60或以上版本
Windows	Edge	Edge 80或以上版本
iOS（11.1.2及以上版本）	Safari	Safari 11或以上版本
Android	Chrome	Chrome 63或以上版本

注意由于H.264版权限制，Web SDK不支持华为系统的Chrome浏览器和以Chrome WebView为内核的浏览器。

步骤一：集成SDK

在项目相应的前端页面文件中，对iotx-rtc-sdk文件进行引用加载。

<!DOCTYPE html>
<html>
  <head>
    <title>web sdk</title>
    <meta charset="UTF-8">
    <script src="https://g.alicdn.com/iotfex/iotx-rtc-sdk/1.0.1/sdk.js"></script>
  </head>
  <body>
    <script>
      <!-- 在此处进行开发 -->  
    </script>      
  </body>
</html>

步骤二：实现通信

加载SDK后，通过全局变量AliDeviceRtcEngine进行访问。

初始化SDK，填写设备证书信息。

var { Engine } = window.AliDeviceRtcEngine;
var aliWebrtc = new Engine({
  instanceId: '***'
  productKey: '***',
  deviceName: '***',
  deviceSecret: '***',
});

初始化信令通道。
```
aliWebrtc.init();
```

发起通话。

// 该方法返回创建的channelId。
var channleId = await aliWebrtc.launchChannel(
  '***', // 对端设备的productKey。
  '***', // 对端设备的deviceName。
  'video', // video或audio。
  true, // 是否高清通话。
  'video_element', // 视频通话视图。
);

结束通话。

// 使用发起通话时创建的channelId。
aliWebrtc.cancelChannel(channelId);

Web SDK中构造函数、基础接口、事件监听，及相关数据类型的说明，请参见数据类型、基础接口、回调及监听。

Web Demo运行示例，请参见运行Web Demo。

步骤三：通信监测

在音视频通信增值服务的服务详情页面，查看通信监测信息，例如通话总时长、通话产生的时间等。