问题背景
帮我妈在某网站上刷课，每个视频0.5个学时，共需180学时。视频进度条默认无法向后拖动，且每播放10分钟需要输一次验证码（计算一道200内的加法题），于是想把它解决一下，思路有：
- 写个Python爬虫，自动登录、上课，并计算输入验证码，完全在后台进行；
- 写个Python程序，在看视频时捕获验证码弹窗，一旦出现就把计算结果填进去，并“点”下确定；
- 使视频进度条变得可以拖动（因为上完一节课的判定条件只是视频播放完毕）。
开始尝试了一会Python，发现工作量有些大。最后选择第3种方案。
验证码
使视频进度条可拖动的实现步骤
确定网页播放器信息
打开开发者工具，看到播放器处html代码为：
<div class="ckplayerchnsikdqfizybuqcrd…，
再加上视频右上角的字样，基本确定网页用的播放器叫做“ckplayer”。
视频右上角字样
搜索ckplayer进度条控制，在其官方手册中找到了说明：设置进度调节动作
得到关键信息——ckplayer.js中的schedule属性：
该属性是设置进度调节时限制动作的功能。
0=不启用，
1=启用，
2=只能前进（向右拖动），
3=只能后退，
4=只能前进但能回到第一次拖动时的位置，
5=看过的地方可以随意拖动
定位网站播放器配置代码
在开发者工具中查看站点目录，在js文件夹下找到ckplayer.js，里面注释十分详细，果然找到了控制进度条功能的schedule属性。
网站目录中找到ckplayer.js
只要能修改这个js属性值，应该就能实现进度条的随意拖动。可服务器端的js代码是没法直接改动的，那如何实现修改js并使其执行呢？搜索“Chrome替换js”找到了一个可行方案——使用插件拦截并替换js。
拦截替换js文件
找到能实现替换js文件功能的Chrome插件叫ReRes：https://github.com/annnhan/ReRes
它可以把请求映射到其它url，也可以映射到本机的文件或者目录。
Chrome插件ReRes
添加映射规则
于是尝试把ckplayer.js下载到本地修改，然后把对ckplayer.js的请求映射过来，以让网页运行改过的js。参考以下做法：
本地调试线上JS方法总结。
但填上本地路径后发现无法找到资源。在ReRes的说明文档看到：
线上地址请以http://开头，本地地址以file:///开头，比如
[http://cssha.com](http://cssha.com/)或file:///D:/a.js
经过尝试发现在Mac下路径格式应写成：
file:/Users/XXX/workspace/ReRes/ckplayer.js
这时，路径是正确了，然而浏览器加载时又报错：
Not allowed to load local resource: file:///Users/jiaqi/workspace/ReRes/ckplayer.js
不知道是不是Mac系统的原因，本地资源访问不成（如果有知道解决方法的请在评论区不吝赐教）。想到ReRes还可以映射到其它url，干脆架个小服务器把资源放上去总行了吧。
于是在ckplayer.js所在文件夹下运行了个轻量级服务器http-server，将资源替换路径改为：
http://127.0.0.1:8080/ckplayer.js
刷新浏览器，大功告成，替换js成功，在网站资源目录也能看到：
站点目录
修改JS文件
按照官方说明修改了schedule属性：
schedule: 1, //是否启用进度调节栏,0不启用，1是启用，2是只能前进（向右拖动），3是只能后退，4是只能前进但能回到第一次拖动时的位置，5是看过的地方可以随意拖动
但发现进度条依然不能拖动，阅读剩下的配置属性，发现还需修改一处：
timeScheduleAdjust: 1, //是否可调节调节栏,0不启用，1是启用，2是只能前进（向右拖动），3是只能后退，4是只能前进但能回到第一次拖动时的位置，5是看过的地方可以随意拖动
效果
进度条可以向后拖动，直接拖到最后让视频播放完毕：
进度条可拖动
刷新页面，课程状态为已学完，0.5学时到手。
进度完成
不过目前必须等待视频缓存完毕，才能拖动进度，在ckplayer官网上查到：视频要等加载完才能播放，而不是边加载边播放，看来只能等缓存了。
不过现在刷速度已经比看视频快很多了，而且最重要的是，不用每10分钟输入一次验证码了。
总结
为了破解网站视频播放器进度条无法快进的功能，使用Chrome插件ReRes拦截并替换了关键js文件。具体做法是先将js文件下载到本地，搭建http-server承载，最后在ReRes的规则配置中重新映射它。
网友评论