低代码音视频工厂-互动直播体验-阿里云实例操作

一、创建资源

开始实验之前,您需要先创建实验相关资源。

  • 在实验室页面,单击创建资源

说明 :

  • 资源创建过程需要1~3分钟。
  • ECS实例已为您预装NodeJS环境。
  • (可选)在实验室页面左侧导航栏中,单击云产品资源列表,可查看本次实验资源相关信息(例如IP地址、用户信息等)。

二、启动互动直播Demo并体验直播流程

本步骤将指导您如何在ECS实例上启动互动直播Demo服务,并体验创建直播,开启直播,本地推流,观看直播等流程。

互动直播Demo项目介绍:

本实验场景已为您准备互动直播Demo,该Demo包含了互动直播SDK以低代码集成方式和标准集成方式接入的示例,您可直接使用该Demo进行体验直播流程。

互动直播Demo整体功能:

  • 查看直播房间列表。
  • 创建直播、开启直播,停止直播,查看直播详情。
  • 通过预设UI的直播间观看直播。
  • 基于FFmpeg模拟本地视频文件推流(仅做推流演示使用)。
  1. 在页面右侧,单击 图标,切换至Web Terminal。
  2. 执行如下命令,进入/opt/workspace/example/room-paas-nest-demo目录。
cd /opt/workspace/example/room-paas-nest-demo
  1. 执行如下命令,修改src/config.ts文件。
vim src/config.ts

按i键进入编辑模式,将accessKeyId和accessKeySecret参数分别修改为云起实验室子账号的AK ID和AK Secret。

修改完成后的文件内容如下所示。按下Esc键后,输入:wq后按下Enter键保存并退出。

  1. 执行如下命令,启动互动直播Demo。
npm start
  1. 在您的本机浏览器中打开新页签,在地址栏中访问http://<ECS公网地址>:8000。

说明 :您需要将<ECS实例公网IP地址>替换为您云产品资源列表中的ECS实例的公网地址。

  1. 低代码音视频工厂页面,输入账号admin和密码aliyun,单击Login
  1. 创建直播。
    1. 直播列表页面,单击创建直播
  1. 创建直播对话框中,自定义设置直播标题主播ID,单击确定

返回如下页面,在直播列表可以看到您刚刚创建的直播,表示直播已创建成功。

  1. 开启直播。
    1. 直播列表页面,找到您刚刚创建的直播,单击操作列下的详情
  1. 直播详情页面,单击开启直播
  1. 提示对话框中,单击确认
  1. 本地推流。

本实验场景Demo中的本地推流功能基于FFmpeg模拟本地视频文件推流,仅作推流演示使用,您也可以使用OBS或者集成主播端进行推流。

  1. 直播详情页面,单击本地推流
  1. 提示对话框中,单击确认
  1. 观看直播。
    1. 直播详情页面,单击跳转到直播样板间
  1. 提示对话框框中,自定义设置UserId,单击跳转

说明 :UserId表示观看直播的用户名称。

  1. 在直播间页面,单击 图标。

返回如下页面,您就可以开始观看直播。

发表评论

您的电子邮箱地址不会被公开。