UIOTOS文档: 视频 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dataRoom等

本篇以视频为主,介绍多媒体相关的组件。包括实时监控、视频播放、图片/GIF等。

视频

说明

填入.mp4等视频文件的在线URL地址,即可播放。如下所示:
20240815085521_rec_.gif

注意:视频组件无法打开.flv等实时监控链接(需要用监控组件)。

属性

功能

视频地址 (videoURL

字符串类型``可读写

视频文件URL播放地址。

视频文件URL,要求是静态资源文件的网络地址。(对应html的video标签)。

自动播放(autoplay

布尔类型``可读写

播放视频或暂停播放。


更多参见公共属性

监控

说明

播放rtmp.flv等实时视频。其中视频监控rtsp通常需要经过物联网平台转为flv格式,然后通过本组件可以网页实时预览。如下所示:
20240815115624_rec_.gif

注意:监控组件无法播放.mp4等视频文件(需要用视频组件)。

属性

功能

背景色(backgroundColor

颜色类型``可读写

视频播放之前,组件默认的背景颜色。

视频流(videoURL

字符串类型``可读写

rtmp、flv等实时视频流URL地址。

使用注意事项:

预览(play

颜色类型``可读写

打开实时监控画面。

图片

说明

支持pngjgpsgv等格式图片显示,以及gif动图加载。如下所示:

GIF拖放到编辑器时,将自动被当前图片组件(以base64字符)填入。

20240815142738_rec_.gif

属性

功能

图片路径 (src

字符串类型``可读写

支持各类图片格式,包括gif动图。

支持各类图片格式,包括base64编码的gif动图。

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值