学会这招，看遍天下

1.前言

想在大屏里看到工人实时作业情况？想在大屏里看到厂区车辆实时进出情况？想在大屏链接直播演示？学会使用视频流组件，一个功能满足多种需求~

视频流组件：视频流是视频组件的一种，主要用于对接监控视频流，在可视化应用中主要应用于监控场景需求，对接安防监控、媒体直播、产线作业展示场景。

2.具体配置操作：

2.1 获取创建视频流组件

在工作台中选择组件—辅助—视频流播放器。

2.2样式配置

在右侧样式栏中可对组件的基本属性以及参数进行配置。

2.2.1基本属性

位置尺寸：可以通过改变数值大小或拖拉拽的方式对组件的位置尺寸进行调整。

默认隐藏：默认隐藏勾选后，组件在初始化加载时默认隐藏且关闭回调触发，可结合交互组件进行显隐配置。

2.2.2参数

地址：视频流的URL地址，也可以在数据模块中配置，优先使用数据数据模块中的配置。

类型：视频流的协议类型，目前平台内支持的视频流类型为HTTP-FLV、HLS。

说明：RTMP格式需浏览器安装flash插件，此外谷歌浏览器将于2020年12月底停止支持flash，建议视频流统一 使用HLS格式，避免后续修改。

如无法获取HLS流视频格式可安装一个79以下版本的Chrome浏览器，设置允许flash即可。

声音：可以选择是否开启声音

初始音量：设置视频流初始音量

2.3数据配置

可在数据栏中对应位置添加视频流url地址，进行视频接入。

⚠️数据接入小tips：

该组件仅支持播放http/https协议下的flv和hls格式的视频流，而rtsp，rtmp等协议是不支持的。所以我们在拿到视频流地址的时候，首先要去判断这个视频流用的是什么协议和格式，那么要怎么判断呢？以下面这三个地址为例：

1.rtsp://server.exanple.org:8080/test.sdp

2.http://www.example.com/stream.flv

3.https://www.example.com/stream.m3u8

我们可以很明显的看到，以 xxx:// 开头就代表着是什么协议了，而以 .xxx 结尾，就意味着用的是什么格式，这里需要注意的是，hls格式的视频流是以 .m3u8 结尾的，而不是 .hls。

此外，我们也需要注意区分 视频流播放器 和 视频 组件的不同，视频是有固定长度的媒体资源，而监控视频流一般是没有固定长度的，它每分每秒都在产生新的内容，除非你故意将一段视频转换成视频流来传输。而且视频组件支持的是 .mp4，.ogg，.webm，.mov这四种格式的视频，和视频流播放器支持的格式是完全不一样的。

2.4交互配置

想要实现在公司汇报大屏上点击相关按钮展示工厂生产线实时状态的效果，或想要实现在工厂室内温度达到一定阈值时视频流组件自动开启的效果，进行交互配置即可。

3.常见问题

视频流播放器协议支持问题

需求背景：客户摄像头视频流流协议为WS，平台组件只支持HLS和HTTP-FLY的264编码格式。

解决方案

常规的平台只支持 HLS和HTTP-FLY 格式的视频流，如果有RTSP格式的，我们一般选择EasyNVR转码器厂商转成hls格式的。找视频监控厂商，他们输出web对应的可以。