技术资讯

ckplayer-x3起始跳转参数应用技巧

2024-03-12

      需求描述:利用ckplayer-x3播放组件开发在线学习平台的视频播放。要求可以记录上次播放的位置,未学习的视频不能拖动,但是已经看过的视频,可以拖动进度条。

      ckplayer参数设置需要可以从上次播放的位置继续播放,同时设置进度条已看过的部分可以拖动,未看过的部分不能拖动。

      参数设置:seek:上次播放的位置,设置这个参数时,一定要用js的parseInt方法强制转为int类型,否则无效

图片.png

                      timeScheduleAdjust:已经学习完的视频,设置为1(可以随意拖动),与seek参数没有冲突。为学习完成的视频,设置为5(看过的部分可以拖动,未观看部分不能拖动。此时与seek设置存在冲突。

      解决方案:修改ckplayer.js原文件,修改过程如下图:

                    

修改 ckplayer.js 文件中的 maxSeeTime 的值

在 ckplayer.js 文件中,ckplayerEmbed 方法中 maxSeeTime=看过的最大时间:

ckplayer变量定义说明.png

 timeScheduleAdjust:5 时,判断是否可以拖动是根据 最大时间进行判断。

ckplayer-timeScheduleAdjust参数的判断.png

修改 changeVideo 方法,添加  maxSeeTime = vars['seek'];  赋值跳转时间的同时也给最大时间赋值相同的值。

这样子,我们设置初始化参数 seek 时就能成功进行跳转。

图片.png

图片.png

我们努力为您铸就明天的辉煌

185 3859 1951 浏览更多服务项目