RTMP视频流播放器
RTMP视频流播放器是媒体组件的一种，支持自定义视频的URL地址和类型，能够在可视化应用中添加视频播放器来播放您的视频。RTMP视频流播放器组件只支持RTMP协议的视频流。本文介绍RTMP视频流播放器各配置项的含义。
配置
- 视频流地址：视频流的URL地址。注意
- 只支持RTMP协议的视频流。
- 配置和数据中均可配置视频流的地址和类型，优先使用数据中的配置。
- 视频流类型：播放的视频流格式类型，可选：rtmp/mp4、rtmp/flv。
- 静音：打开开关，在预览或发布页面视频可静音播放；关闭开关，视频正常播放声音。
数据
表 1. 字段说明
| 字段 | 说明 |
|---|---|
| source | （可选） 视频流地址，与视频流地址配置项功能相同。如果同时配置，则以source中的内容为准。 |
| type | （可选） 视频流类型，与视频流类型配置项功能相同。如果同时配置，则以type中的内容为准。 |
表 2. 配置项说明
| 配置项 | 说明 |
|---|---|
| 数据源 | 点击数据源下拉框，可以修改数据源类型。详情请查看配置组件数据。 |
| 刷新数据 | 点击刷新数据，组件会按照设置请求最新数据。 |
| 查看响应数据 | 点击查看响应数据按钮，会将组件数据展示出来。 |
| 受控模式 | 打开开关，组件初始化状态下不请求数据，仅通过回调id或蓝图编辑器配置的方法发起请求数据；关闭开关，可以使用自动更新请求数据。 |
| 自动更新请求 | 选中后可 以设置动态轮询，还可以手动输入轮询的时间频次。 |
交互
此组件没有交互事件。
蓝图编辑器交互配置
- 在画布编辑器页面，右键单击组件，选择导出到蓝图编辑器。
- 单击页面左上角的蓝图图标。
- 在蓝图编辑器配置页面，单击导入节点栏内的RTMP视频流播放器组件，在画布中可以看到如下图所示的RTMP视频流播放器的蓝图编辑器配置参数。
事件
| 事件 | 说明 |
|---|---|
| 当数据接口请求完成时 | 数据接口请求返回并经过过滤器处理后抛出的事件，同时抛出处理后的JSON格式的数据。具体数据可参见上文的数据示例。 |
动作
| 动作 | 说明 |
|---|---|
| 请求数据接口 | 重新请求服务端数据，上游数据处理节点或图层节点抛出的数据将作为参数。例如RTMP视频流播放器配置了API数据源为[http://api.test/?id=:id](http://api.test/?id=:id)，传到请求数据接口动作的数据为{ id: '1'}，则最终请求接口为[http://api.test?id=1](http://api.test/?id=1)。 |
| 导入数据接口 | 按组件绘制格式处理数据后，导入组件，重新绘制。不需要重新请求服务端数据。具体数据可参见上文的数据示例。 |
| 更新组件配置 | 动态更新组件的样式配置。需要先在组件的配置面板中，单击复制配置到剪贴板，获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。 |
| 显示 | 显示组件，不需要参数。 |
| 隐藏 | 隐藏组件，不需要参数。 |
| 切换显隐状态 | 切换组件显示或者隐藏。 |
| 移动 | 将组件移动到指定位置。{// 移动方式。绝对定位：to，相对定位：by。默认值：to。"positionType": "to",// 指定位置。x坐标，y坐标。"attr": {"x": 0,"y": 0},// 动画方式。"animation": {"enable": false,// 动画延时。"animationDuration": 1000,// 动画曲线。可选值为：linear|easeInOutQuad|easeInOutExpo。"animationEasing": "linear"}} |