低代码音视频工厂-互动直播体验
1. 了解低代码音视频工厂控制台的配置应用和基于Web端的低代码集成流程
本步骤将带您了解关于低代码音视频工厂控制台的配置应用和Web端的低代码集成流程。
2. 了解直播常见问题和知识
了解直播常见问题和知识，请参见产品常见问题。
3. 创建资源
开始实验之前，您需要先创建实验相关资源。
- 在实验室页面，单击创建资源。
说明 ：
- 资源创建过程需要1~3分钟。
- ECS实例已为您预装NodeJS环境。
- （可选）在实验室页面左侧导航栏中，单击云产品资源列表，可查看本次实验资源相关信息（例如IP地址、用户信息等）。
4. 启动互动直播Demo并体验直播流程
本步骤将指导您如何在ECS实例上启动互动直播Demo服务，并体验创建直播，开启直播，本地推流，观看直播等流程。
互动直播Demo项目介绍：
本实验场景已为您准备互动直播Demo，该Demo包含了互动直播SDK以低代码集成方式和标准集成方式接入的示例，您可直接使用该Demo进行体验直播流程。
互动直播Demo整体功能：
- 查看直播房间列表。
- 创建直播、开启直播，停止直播，查看直播详情。
- 通过预设UI的直播间观看直播。
- 基于FFmpeg模拟本地视频文件推流（仅做推流演示使用）。
- 在页面右侧，单击
图标，切换至Web Terminal。 - 执行如下命令，进入/opt/workspace/example/room-paas-nest-demo目录。
cd /opt/workspace/example/room-paas-nest-demo
- 执行如下命令，修改src/config.ts文件。
vim src/config.ts
按i键进入编辑模式，将accessKeyId和accessKeySecret参数分别修改为云起实验室子账号的AK ID和AK Secret。
修改完成后的文件内容如下所示。按下Esc键后，输入:wq后按下Enter键保存并退出。
- 执行如下命令，启动互动直播Demo。
npm start
- 在您的本机浏览器中打开新页签，在地址栏中访问http://<ECS公网地址>:8000。
说明 ：您需要将<ECS实例公网IP地址>替换为您云产品资源列表中的ECS实例的公网地址。
- 在低代码音视频工厂页面，输入账号admin和密码aliyun，单击Login。
- 创建直播。
- 在直播列表页面，单击创建直播。
- 在创建直播对话框中，自定义设置直播标题和主播ID，单击确定。
返回如下页面，在直播列表可以看到您刚刚创建的直播，表示直播已创建成功。
- 开启直播。
- 在直播列表页面，找到您刚刚创建的直播，单击操作列下的详情。
- 在直播详情页面，单击开启直播。
- 在提示对话框中，单击确认。
- 本地推流。
本实验场景Demo中的本地推流功能基于FFmpeg模拟本地视频文件推流，仅作推流演示使用，您也可以使用OBS或者集成主播端进行推流。
- 在直播详情页面，单击本地推流。
- 在提示对话框中，单击确认。
- 观看直播。
- 在直播详情页面，单击跳转到直播样板间。
- 在提示对话框框中，自定义设置UserId，单击跳转。
说明 ：UserId表示观看直播的用户名称。
- 在直播间页面，单击
图标。
返回如下页面，您就可以开始观看直播。
实验链接：https://developer.aliyun.com/adc/scenario/0840eefba0104f6abb1cc79da5d3f9ad
