FLV实时视频

使用说明

步骤一：添加组件

1. 创建Web应用。具体操作，请参见创建Web应用。

2. 在Web应用编辑器中，单击最左侧的组件图标。

3. 在画布左侧组件列表上方，输入FLV实时视频，找到该组件，然后将组件拖拽到中间画布。

   有关组件添加的更多信息，请参见添加组件。

   在左侧组件面板搜索并添加FLV实时视频组件至画布。在右侧样式面板中可配置组件位置（X、Y）、尺寸（W、H）、组件名称、不透明度等属性，并在播放源地址输入框中填入FLV视频流地址。

步骤二：配置数据源

• 静态数据

  在右侧样式的播放源地址右侧提交框中，输入视频流URL地址。

  重要

          只支持FLV协议的视频流URL地址，格式为https://域名/目录/文件名.flv。

• 动态数据

  单击播放源地址提交框右侧的配置数据源图标，选择数据源类型，完成配置，单击确定。

  可选数据源类型有设备、接口、应用推送、页面变量。

  播放源地址将基于关联的数据源实时更新。

步骤三：配置样式

1. 调整组件在页面中的最终位置。有关组件通用样式配置，请参见样式配置。

2. 依次单击页面右上方的保存、预览按钮，查看该组件的展示效果。

   组件预览效果为视频播放器，播放器处于加载缓冲状态，底部控制栏包含播放按钮、时间显示（0:00）、静音图标和全屏切换按钮。

最佳实践

使用IoT Studio播放Link Visual摄像头实时视频流