数据流录制
  • iOS
  • Android
  • Web : JavaScript
  • 产品简介
    • 概述
    • 发布日志
  • 下载
    • SDK 下载
  • 快速开始
    • 跑通示例源码
    • 录制实现流程
    • 回放 SDK 集成
    • 回放实现流程
  • 基础功能
  • 客户端 API
  • 服务端 API v2
  • 常见错误码
  • 常见问题
  • 文档中心
  • 数据流录制
  • 快速开始
  • 跑通示例源码

跑通示例源码

更新时间:2021-12-10 16:35

示例源码
本地下载

跑通示例源码

1 概览

本文介绍如何快速跑通示例源码,体验数据流录制回放服务。

2 准备环境

在开始集成 ZegoRecorderPlayback SDK 前,请安装浏览器,满足以下兼容性要求:

平台 浏览器 / Webview 兼容性
Windows Chrome Windows 7 或以上版本。
macOS Chrome macOS 10.10 或以上版本。

3 前提条件

已到 ZEGO 控制台 创建项目,申请有效的 AppID,以及获取到接入服务器地址 Server 地址,详情请参考 控制台 - 项目管理

4 示例源码结构

以下为 “ZegoRecorderExample” 子目录的文件结构,下文所涉及的文件路径均为相对于此目录的路径。

zego_recorder_example -------------------------------------包含一些界面展示和 API 请求的示例逻辑
├─ assets --------------------------------------------静态资源目录
├─ biz.js --------------------------------------------业务逻辑
├─ index.html -------------------------------------------- 项目入口文件
├─ lib -------------------------------------------- 白板和文件 SDK
│  ├─ ZegoExpressDocsWeb.js 
│  └─ ZegoExpressWhiteboardWeb.js
│  └─ ZegoRecorderEngine.js

5 运行示例源码

  1. 点击下载示例源码包,并解压在本地。

  2. 下载的示例源码中缺少 SDK 初始化所需的 appID,server 等信息,需要修改源码文件中的 “biz.js” 文件。请使用本文 3 前提条件 已获取的 AppID,Server 正确填写,否则示例源码无法正常运行。

    const zegoConfig = {
        ..._config_,
        appID: 'YOUR_APP_ID', // appID 为数值类型,填写时需要删除源码中的单引号
        server: 'YOUR_SERVER',
        isDocTestEnv: true,
        tokenUrl: 'https://wsliveroom-alpha.zego.im:8282/token',
        autoLogin: false
    };

    ZEGO 当前只提供了用于测试环境获取 token 的接口,正式环境下开发者需要自行实现 token 的获取逻辑。

  1. 补充完成后,在本地使用浏览器打开 “index.html” 文件,进入数据流录制的首页。开发者可以输入录制的回放任务 ID,来体验录制回放功能。
    /Pics/ZegoRecorderPlayback/Web/run.png
本篇目录