历史版本2 :ckplayer视频播放控件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本

JAR 包版本

插件版本

10.02019-10-01V1.1

1.2 应用场景

适用于一些公司大屏需要以视频形式展示公司文化或会议观点的场合,视频更具传染力,更便于表达,该插件便提供了视频播放的功能,大概效果如下所示:

68FE088C-A7DA-4F8F-99C4-258C35C7573E.GIF

1.3 功能介绍

  • 该插件集成了流行的播放器ckplayer的解决方案,解决了众多平台中的播放问题。支持更多的浏览器(比如在低版本ie下自动fallback到flash)。

  • 原播放器支持多种视频格式,但是由于端侧不同的浏览器支持的视频格式不同。我们为了屏蔽这些技术上的差异,本插件考虑多浏览器支持情况,我们做了只支持mp4 视频格式的控制,建议用户使用MP4视频文件,针对其他格式,可以通过视频转化软件进行转化。

  • 支持添加多个视频。支持添加、修改和删除,并且可以通过上移下移调整视频播放的顺序。

  • 提供了丰富的JS接口,可以自由控制视频的播放、暂停等。

2. 插件介绍编辑

2.1 插件安装

点击下载插件:视频播放插件

设计器插件安装方法参照:设计器插件管理

服务器安装插件方法参照:服务器插件管理

2.2 操作步骤

下载安装好插件后可以在控件栏看到ckplayer插件,将其拖入决策报表即可使用

image.png

2.3 属性设置

a.属性设置

可以对控件设置名称,是否可用,可见,视频地址存放你需要播放的视频,高级则是导航栏,是否自动播放,是否显示控制器,是否循环播放,是否静音和预加载

image.png

视频地址详情页:这边可以增加,删除,移动你的视频,如果不点击属性>高级>循环播放则是按排列顺序播放

image.png

注1:红线处提示有问题,如个视频文件放在该处,可能会提示播放错误,建议mp4文件最好的存放路径为%FR_HOME%\webapps\webroot\help

注2:目前视频只支持mp4格式

注3:当前视频大小无法自适应,需要自己根据报表大小调节。

b.事件设置:

可添加js事件,但当前是否无法编辑

image.png

c.移动端设置:

可针对移动端进行样式设置和导航名称修改

image.png

注1:暂不支持移动端播放


3. 示例编辑

3.1 报表设计

1)新建决策报表,body 中拖入视频播放插件图片控件,并调整对应位置。如下图所示:

image.png

2)属性设置

设置视频播放插件控件名为video0,可见,可用,视频地址为提前放你喜欢的视频,高级全选

image.png

示例处只放了一个视频

image.png

3)事件选项和移动端选项默认 

4)图片控件设置

选择你喜欢的图片即可

image.png

3.2 效果预览

保存报表,点击表单预览,效果如应用场景中所示。

4. 模板下载编辑

点击下载模板:视频播放插件.frm

点击下载视频:高清中国风清明节气.mp4

点击下载目录:ckplay.temp.zip

5. 注意事项编辑

如果插件按照好后,发现播放不了的,可以尝试ckplay.temp压缩包解压到%FR_HOME%\webapps\webroot\目录下如下图所示:

image.png