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

体验有礼

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

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

体验简介

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

背景知识

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

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

云服务器(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模拟本地视频文件推流(仅做推流演示使用)。

在页面右侧,单击img 图标,切换至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。

img

img

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

img

执行如下命令,启动互动直播Demo。

npm start

在您的本机浏览器中打开新页签,在地址栏中访问http://<ECS公网地址>:8000。

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

低代码音视频工厂页面,输入账号admin和密码aliyun,单击Login

img

创建直播。

直播列表页面,单击创建直播

img

创建直播对话框中,自定义设置直播标题主播ID,单击确定

img

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

img

开启直播。

直播列表页面,找到您刚刚创建的直播,单击操作列下的详情

img

直播详情页面,单击开启直播

img

提示对话框中,单击确认

img

本地推流。

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

直播详情页面,单击本地推流

img

提示对话框中,单击确认

img

观看直播。

直播详情页面,单击跳转到直播样板间

img

提示对话框框中,自定义设置UserId,单击跳转

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

img

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

img

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

img


posted @ 2022-05-11 17:08  阿里云天池  阅读(151)  评论(0编辑  收藏  举报