有奖捉虫:行业应用 & 管理与支持文档专题 HOT
文档中心 > 最佳实践 > 腾讯云微搭低代码 > 视频组件如何配置播放资源属性

功能介绍

目前微搭编辑器中已提供了视频播放组件,方便用户快速在实际业务中嵌入媒体类相关应用,视频播放组件可以对视频播放资源、封面图片、自动播放、循环播放、静音播放等相关属性进行配置,由于视频播放组件不支持在线上传视频文件,因此需要将视频资源进行预先上传,并将视频存储格式转换成视频组件要求的资源形式,本篇实践主要介绍如何配置视频资源访问地址。
?
?
?
说明:
1. 视频组件能够播放的视频资源地址,包含能够正常访问的 HTTPS 和 HTTP 视频链接以及云文件 ID。
2. 视频资源支持云文件 ID,使用云文件 ID 播放云存储上面的视频会消耗账号 CDN 资源,CDN 资源消耗完后视频资源不可播放。

方案思路

方案1

在腾讯云云储存中进行视频文件上传,在上传文件记录里获取文件云 ID,然后在视频播放组件填写相应的云 ID 信息。
1. 在登录微搭控制台的前提下,访问 云开发| 云存储,在云储存后台,weda-uploader 文件夹里(文件夹可以自定义)直接上传视频文件。
?
?
?
2. 进入上传目录,单击上方上传文件,进行本地文件上传。
?
?
?
3. 在上传文件列表里,复制文件的存储 ID,即云文件 ID。
?
?
?
4. 将需要播放的视频云文件 ID 配置在视频播放组件的视频资源属性里。
?
?
?

方案2

在编辑器中新建数据模型用来存储视频文件信息,涉及到视频文件的字段类型设置为文件,在相应的数据管理中心进行视频文件的上传,并将生成的视频云文件 ID 和视频播放组件的视频资源属性进行绑定。
1. 新建数据模型文件存储,新增视频名称视频文件两个字段,视频文件字段类型设置为文件
?
?
?
2. 数据模型数据管理后台。
?
?
?
3. 上传视频文件。
?
?
?
4. 查看视频文件。
?
?
?
5. 在当前页面中新建数据模型文件存储查询 query1。
?
?
?
6. query1 查询条件展示。
?
?
?
7. query1 结果展示,其中 spwj 字段即为视频云文件 ID。
?
?
?
8. 视频播放组件视频资源属性绑定云文件 ID。
?
?
?
9. 视频组件播放预览。
?
?
?

方案3

可将视频文件上传到自己搭建的服务器或者其他云储存,生成能够正常访问的 HTTPS 和 HTTP 视频链接,即可将此作为视频组件的播放资源。


http://www.vxiaotou.com