【知识分享】仪表板中播放视频

收藏

本帖最后由 Bella.Yuan 于 2023-9-8 14:29 编辑

在做数据大屏时，为了让仪表板的效果更加丰富动态，很多时候需要加入视频元素，和其他图表可视化元素集中展示。
本文介绍如何在Wyn Enterprise的Dashboard中实现视频播放功能。
该教程适用于6.0之前的版本，包括6.0
1.下载WynVideo视频播放扩展插件。(附件下载)
image.png213571166.png

2.参考扩展插件用法，将插件解压到“自定义安装路径\Wyn Enterprise\Server\wwwroot\Web Contents”路径下。默认路径为：
“C:\Program Files\Wyn Enterprise\Server\wwwroot\Web Contents”。
外部扩展详细参考文档：https://help.grapecity.com.cn/pages/viewpage.action?pageId=30262299
image.png17099913.png

3.将自己需要播放的视频文件上传到C:\Program Files\Wyn Enterprise\Server\wwwroot\Web Contents\WynVideo\assets目录下；
image.png363122557.png

4.修改index.html中视频名称；
image.png729357299.png

5.在仪表板中添加外部拓展组件，选择WynVideo插件，即可实现视频播放。
image.png284691161.png

MatrixTian · MatrixTian

如果需要删除视频上方Wyn Enterprise Logo图表和下方demo.js loaded字样，参考以下操作：
1.删除Logo
1.1 直接删除WynVideo/assets目录下的demo.png文件；
1.2 修改index.html代码，删除或注释掉其中的class名称为logo的div；
image.png488383178.png