Greasy Fork is available in English.
提升学习效率
// ==UserScript==
// @name 国家开放大学课程视频后台播放
// @namespace http://tampermonkey.net/
// @version 2.4
// @description 提升学习效率
// @author TurbMZ
// @license MIT
// @match https://moodle.syxy.ouchn.cn/mod/*/view.php*
// @icon https://www.google.com/s2/favicons?sz=64&domain=ouchn.cn
// @grant none
// ==/UserScript==
(function() {
'use strict';
let cache_status = localStorage.getItem('_my_tamermonkey_status_');
let cache_loop_status = localStorage.getItem('_my_tamermonkey_loop_status_');
console.log('后台播放缓存状态',cache_status);
console.log('后台循环缓存状态',cache_loop_status);
if(cache_status === null) {
cache_status= 0;
} else {
cache_status = JSON.parse(cache_status);
}
if(cache_loop_status === null){
cache_loop_status = 0;
} else {
cache_loop_status = JSON.parse(cache_loop_status);
}
let loop_status = cache_loop_status || 0;
let status = cache_status || 0;
localStorage.setItem('_my_tamermonkey_status_', status);
localStorage.setItem('_my_tamermonkey_loop_status_',loop_status);
let _my_tamermonkey_speed_ = 1;
const speedMap = [ 1, 1.5, 2, 4 ];
const container = document.getElementById('page-content');
const navDom = document.querySelector('.mobile_course');
const cursess = navDom.querySelectorAll('.activity');
const list = Array.from(cursess).filter(item=>{
return Array.from(item.classList).includes('page') ||
Array.from(item.classList).includes('url');
})
let videoDom = document.getElementsByTagName('VIDEO')[0];
let tryTimes = 0; // 已重试次数
const maxReTryTimes = 10; // 最大重试次数 200ms 重试一次
// 播放下一个视频
const nextPageVideo = function() {
console.log('课程列表',list)
let currentIndex = Array.from(list).findIndex((item,index)=>{
return Array.from(item.classList).includes('current')
});
console.log('播放下一个视频',currentIndex)
if(currentIndex>-1 && currentIndex != list.length-1){ // 有且 当前不是最后一个
const nextLi = list[currentIndex+1]
const alink = nextLi.querySelector('.aalink')
alink&&alink.click()
}
}
const init = function() {
console.log("初始化插件功能", status, typeof status);
container.style.position = 'relative';
let btnText = status?'停用后台播放':'启用后台播放';
let controlBox = document.createElement('DIV');
let controlBtn = document.createElement('SPAN');
let speedBtn = document.createElement('SPAN');
let jopeToEndBtn = document.createElement('SPAN');
let loopPlayBtn = document.createElement('SPAN');
// 开关循环播放视频
const loopHandler = function(e){
loop_status = loop_status ? 0 : 1;
localStorage.setItem('_my_tamermonkey_loop_status_',loop_status);
e.target.innerText = loop_status?'关闭循环播放':'开启循环播放';
};
// 控制开关
const controlHandler = function(e) {
status = status ? 0: 1;
localStorage.setItem('_my_tamermonkey_status_',status);
let btnText = status?'停用后台播放':'启用后台播放';
e.target.innerText = btnText;
}
// 调速
const speedHandler = function(e) {
let currentSpeedIndex = speedMap.findIndex(v=>_my_tamermonkey_speed_===v);
if(currentSpeedIndex===speedMap.length-1){
currentSpeedIndex = 0;
}else{
++currentSpeedIndex;
}
_my_tamermonkey_speed_ = speedMap[currentSpeedIndex];
videoDom.playbackRate = _my_tamermonkey_speed_;
e.target.innerText = `快进>>${_my_tamermonkey_speed_}倍速`;
}
// 快进到最后
const toEndHandler = function(e) {
console.log('快进到最后');
let duration = videoDom.duration;
let toEndTime = Math.floor(duration-1);
videoDom.currentTime = toEndTime;
console.log(videoDom.currentTime);
}
//容器设置样式和id
controlBox.id = 'myTampermonkeyControl';
controlBox.style.cssText = 'position:absolute;right:0px;bottom:0px;display:flex;align-items:center;font-size:12px;';
//控制按钮设置样式和id
controlBtn.id = 'controlBtn';
controlBtn.style.cssText = 'display:inline-block;padding: 4px 10px;border-radius:4px;margin-right:10px;cursor:pointer;background:#999;color:#fff;';
controlBtn.innerText = btnText;
speedBtn.id = 'speedBtn';
speedBtn.style.cssText = 'display:inline-block;padding: 4px 10px;border-radius:4px;cursor:pointer;background:#999;color:#fff;margin-right:10px;';
speedBtn.innerText = `快进>>${_my_tamermonkey_speed_}倍速`;
jopeToEndBtn.style.cssText = 'display:inline-block;padding: 4px 10px;border-radius:4px;cursor:pointer;background:#999;color:#fff;';
jopeToEndBtn.innerText = '跳到最后';
loopPlayBtn.innerText = loop_status?'关闭循环播放':'开启循环播放';
loopPlayBtn.style.cssText = 'display:inline-block;padding: 4px 10px;border-radius:4px;margin-right:10px;cursor:pointer;background:#999;color:#fff;';
// 按钮添加事件
loopPlayBtn.onclick = loopHandler;
controlBtn.onclick= controlHandler;
speedBtn.onclick = speedHandler;
jopeToEndBtn.onclick = toEndHandler;
controlBox.appendChild(loopPlayBtn);
controlBox.appendChild(controlBtn);
controlBox.appendChild(speedBtn);
controlBox.appendChild(jopeToEndBtn);
container.appendChild(controlBox);
videoDom.addEventListener('ended', function () { //结束
console.log("播放结束");
console.log('是否循环播放',loop_status);
if(loop_status) nextPageVideo()
//controlBtn.click()
}, false);
document.addEventListener('visibilitychange', function() {
if(!videoDom){
videoDom = document.getElementsByTagName('VIDEO')[0];
}
var isHidden = document.hidden;
console.log(document.visibilityState,isHidden,status); // window._my_tamermonkey_status_
if (isHidden && status) {
console.log(status);
setTimeout(()=>{
videoDom.play();
},200)
}else if(isHidden){
videoDom.pause();
}
});
// 如开启后台播放，自动静音播放视频
if(status) {
videoDom.muted = 'muted';
setTimeout(()=> {
const playPromise = videoDom.play();
if (playPromise !== undefined) {
playPromise.then(res => {
// Automatic playback started!
// Show playing UI.
}).catch(error => {
// Auto-play was prevented
// Show paused UI.
});
}
},100)
}
}
if(videoDom){ // 有视频
console.log('有视频');
init();
}else{ // 视频未加载，重试
console.log('视频未加载');
let timer = null;
timer = setInterval(()=>{
console.log('轮询');
if(tryTimes >= maxReTryTimes){ // 重试最后都没有找到视频
clearInterval(timer);
timer = null;
if(loop_status){ // 如果是循环播放，则说明是文本课程，直接跳转下一个课程
console.log('文本课程，直接跳转下一个课程')
setTimeout(()=>{
nextPageVideo()
},2000)
}
return;
}
videoDom = document.getElementsByTagName('VIDEO')[0];
if(videoDom){
try{
init();
clearInterval(timer);
timer = null;
return;
}catch(err){
clearInterval(timer);
timer = null;
console.log(err);
}
}
tryTimes++
},200)
}
// Your code here...
})();