低代码音视频工厂-互动直播体验

Posted 2022-05-12 阿里云云起实验室

体验有礼

低代码音视频工厂vPaaS体验，完成体验提交报告可抢抽奖资格！抽奖100%中奖！

参与地址：https://developer.aliyun.com/adc/series/activity/vpaas

体验简介

场景主要介绍如何在Alibaba Cloud Linux 3操作系统的ECS实例上部署低代码音视频互动直播的Demo，只需两行代码、三分钟，即可搭建一个直播间，实现一个直播的全流程。

背景知识

本场景主要涉及以下云产品和服务：

• 低代码音视频工厂

低代码音视频工厂（Apsara Video PaaS）是基于阿里云云原生、音视频、AI智能算法和网络等先进技术，提供易接入、强扩展、高效部署和覆盖多场景的音视频服务，助力企业快速搭建高品质的专属音视频业务平台。

• 云服务器ECS

云服务器（Elastic Compute Service，简称ECS）是阿里云提供的性能卓越、稳定可靠、弹性扩展的IaaS（Infrastructure as a Service）级别云计算服务。一台云服务器ECS实例等同于一台虚拟服务器，内含CPU、内存、操作系统、网络配置、磁盘等基础的组件。云服务器ECS免去了您采购IT硬件的前期准备，让您像使用水、电、天然气等公共资源一样便捷、高效地使用服务器，实现计算资源的即开即用和弹性伸缩。阿里云ECS持续提供创新型服务器，解决多种业务需求，助力您的业务发展。

了解低代码音视频工厂控制台的配置应用和基于Web端的低代码集成流程

本步骤将带您了解关于低代码音视频工厂控制台的配置应用和Web端的低代码集成流程。

• 了解低代码音视频工厂的控制台进行应用配置的操作步骤，请参见配置应用。
• 了解如何使用低代码集成（含UI）方式快速接入互动直播Web观看端的方法，请参见Web观看端集成。

创建阿里云体验资源

点击前往：https://developer.aliyun.com/adc/series/activity/vpaas

启动互动直播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表示观看直播的用户名称。

在直播间页面，单击 图标。

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