Web SDK

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

前提条件

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

环境要求

Web端具体环境要求:

平台

浏览器类型

版本要求

Mac

Safari

Safari 11或以上版本

Chrome

Chrome 60或以上版本

Edge

Edge 80或以上版本

Windows

Chrome

Chrome 60或以上版本

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进行访问。

  1. 初始化SDK,填写设备证书信息。

    var { Engine } = window.AliDeviceRtcEngine;
    var aliWebrtc = new Engine({
      instanceId: '***'
      productKey: '***',
      deviceName: '***',
      deviceSecret: '***',
    });
  2. 初始化信令通道。

    aliWebrtc.init();
  3. 发起通话。

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

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

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

Web Demo运行示例,请参见运行Web Demo

步骤三:通信监测

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

阿里云首页 物联网平台 相关技术圈