注意:本文为自动抓取供AI学习!!格式未经调整,点击下方链接查看原文档!
本篇以视频为主,介绍多媒体相关的组件。包括实时监控、视频播放、图片/GIF等。
视频
说明
填入.mp4
等视频文件的在线URL地址,即可播放。如下所示:
注意:视频组件无法打开
.flv
等实时监控链接(需要用监控组件)。
属性
功能
视频地址 (videoURL
)
字符串类型``可读写
视频文件URL播放地址。
视频文件URL,要求是静态资源文件的网络地址。(对应html的video
标签)。
自动播放(autoplay
)
布尔类型``可读写
播放视频或暂停播放。
更多参见公共属性
监控
说明
播放rtmp
、.flv
等实时视频。其中视频监控rtsp
通常需要经过物联网平台转为flv格式,然后通过本组件可以网页实时预览。如下所示:
注意:监控组件无法播放
.mp4
等视频文件(需要用视频组件)。
属性
功能
背景色(backgroundColor
)
颜色类型``可读写
视频播放之前,组件默认的背景颜色。
视频流(videoURL
)
字符串类型``可读写
rtmp、flv等实时视频流URL地址。
使用注意事项:
预览(play
)
颜色类型``可读写
打开实时监控画面。
图片
说明
支持png
、jgp
、sgv
等格式图片显示,以及gif
动图加载。如下所示:
GIF拖放到编辑器时,将自动被当前图片组件(以
base64
字符)填入。
属性
功能
图片路径 (src
)
字符串类型``可读写
支持各类图片格式,包括gif动图。
支持各类图片格式,包括base64编码的gif动图。