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

知识就是力量,时间就是生命。这篇文章主要讲述低代码音视频工厂-互动直播体验相关的知识,希望能为你提供帮助。
体验有礼低代码音视频工厂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表示观看直播的用户名称。
低代码音视频工厂-互动直播体验

文章图片

在直播间页面,单击
低代码音视频工厂-互动直播体验

文章图片
图标。
低代码音视频工厂-互动直播体验

文章图片

返回如下页面,您就可以开始观看直播。
低代码音视频工厂-互动直播体验

文章图片


    推荐阅读