文档中心>腾讯云微搭低代码>实践教程>视频组件如何配置播放资源属性

视频组件如何配置播放资源属性

最近更新时间:2024-05-13 15:50:31

我的收藏

功能介绍

目前微搭编辑器中已提供了视频播放组件,方便用户快速在实际业务中嵌入媒体类相关应用,视频播放组件可以对视频播放资源、封面图片、自动播放、循环播放、静音播放等相关属性进行配置,由于视频播放组件不支持在线上传视频文件,因此需要将视频资源进行预先上传,并将视频存储格式转换成视频组件要求的资源形式,本篇实践主要介绍如何配置视频资源访问地址。



说明:
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 视频链接,即可将此作为视频组件的播放资源。