适用于 Web 应用程序的 WebRTC SDK JavaScript - Kinesis Video Streams

本文属于机器翻译版本。若本译文内容与英语原文存在差异,则一律以英文原文为准。

适用于 Web 应用程序的 WebRTC SDK JavaScript

你可以在 https://github.com/awslabs/amazon-kinesis-video-streams- 找到带有 WebRTC SDK 的 Kinesis Video Streams 及其相应示例webrtc-sdk-js。 JavaScript

在 WebRTC 软件开发工具包中安装 JavaScript

要在浏览器中使用此开发工具包,请将以下脚本标记添加到 HTML 页面:

<script src="https://unpkg.com/amazon-kinesis-video-streams-webrtc/dist/kvs-webrtc.min.js"></script>

开发工具包类在 KVSWebRTC 命名空间下的全局窗口中提供。例如,window.KVSWebRTC.SignalingClient

开发工具包也与 Webpack 等捆绑程序兼容。完成以下步骤以安装 NodeJS 模块版本。

安装 NodeJS 模块版本
  1. 安装适用于 NodeJS 的开发工具包的首选方法是使用 npm 程序包管理器。运行以下 命令:

    npm install amazon-kinesis-video-streams-webrtc
  2. 然后,开发工具包类可以像典型的 NodeJS 模块一样导入:

    // JavaScript const SignalingClient = require('amazon-kinesis-video-streams-webrtc').SignalingClient; // TypeScript import { SignalingClient } from 'amazon-kinesis-video-streams-webrtc';

使用 Kinesis Video Streams with WebRTC 测试页面

https://github.com/awslabs/amazon-kinesis-video-streams-webrtc-sdk-js GitHub repo 托管带有 WebRTC 的 Kinesis Video Streams 测试页面,你可以用它来创建新的信令频道或连接到现有的信号信道并将其用作主频道或查看者。

带有 WebRTC 的 Kinesis Video Streams 测试页面位于 https://awslabs.github.io/amazon-kinesis-video-streams-webrtc-sdk-js /examples/index.html

  1. 打开 Kinesis Video Streams with WebRTC 测试页面,并指定要用于此演示的以下信息:

    • AWS 区域

    • 您要在本演示中AWS 账户使用的访问密钥和密钥。

    • 要连接的信令通道的名称。

    • 是发送音频、视频还是两者。

  2. 如果它是一个新的信令通道,首先选择 Create Channel (创建通道)。如果它是现有的信令通道,请选择 Start Master (启动主设备)Start Viewer (启动查看器),以作为主设备或查看器连接到此通道。

接下来,请参阅examples目录中的示例用法,了解如何编写使用 SDK 的 end-to-end WebRTC 应用程序。

在本地运行 WebRTC 测试页面

可以按照这些说明在本地编辑和运行开发工具包和测试页面。需要 NodeJS 版本 8+。

  1. JavaScript 通过运行以下命令下载 WebRTC SDK:

    git clone https://github.com/awslabs/amazon-kinesis-video-streams-webrtc-sdk-js.git
  2. 运行 npm install 以下载依赖项。

  3. 运行 npm run develop 以运行 Web 服务器。

您必须提供AWS区域、AWS证书和频道名称才能使用 WebRTC 测试页面。

测试页面的源代码位于 examples 目录中。