简单的倍速播放脚本，小白作品，欢迎提意见
// ==UserScript==
// @name 百度网盘视频倍速播放
// @description 简单的倍速播放脚本，小白作品，欢迎提意见
// @version 1.6.2
// @author Viki (or vikiboss) (https://github.com/vikiboss)
// @create 2020/6/15
// @lastmodified 2021/3/9
// @feedback-url https://github.com/Vikiboss/baidupan-playspeed-control/issues
// @icon https://i.loli.net/2020/06/19/eWDyG1RhCBkTINl.png
// @homepageURL https://greasyfork.org/zh-CN/scripts/405388
// @github https://github.com/vikiboss/baidupan-playspeed-control
// @namespace baidupan-playspeed-control
// @license MIT
// @run-at document-end
// @grant none
// @include *://pan.baidu.com/s*
// @include *://yun.baidu.com/s*
// @include *://pan.baidu.com/m*
// @include *://pan.baidu.com/play*
// @include *://pan.baidu.com/disk/home*
// @include *://yun.baidu.com/disk/home*
// @require https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js
// @require https://cdn.jsdelivr.net/npm/sweetalert@2.1.2/dist/sweetalert.min.js
// ==/UserScript==
(function () {
'use strict';
// === 随窗口加载后调用本方法 ===
window.onload = function () {
// === 按钮集 ===
let options = [
{ str: 'x0.5', rate: 0.5 },
{ str: 'x1.0', rate: 1.0 },
{ str: 'x1.5', rate: 1.5 },
{ str: 'x2.0', rate: 2.0 },
{ str: '加速' },
{ str: '减速' },
{ str: '自定义' },
{ str: '设置' },
{ str: '关于' },
];
let player; // 播放区节点
let label; // 显示倍速label
let vip_div; // svip提示框
let btn_div; // 按钮容器
let settings = {
preRate: 1.0,
curRate: 1.0,
saveRate: true,
showAlert: true,
}; // 默认全局配置
let cur_version = '1.6.2';
let last_updated = '2021/3/9';
// === 声明读取配置的函数 ===
let getSettings = () => {
settings.preRate = Number(
localStorage.getItem('preRate') ? localStorage.getItem('preRate') : 1.0
).toFixed(1);
settings.curRate = Number(
localStorage.getItem('curRate') ? localStorage.getItem('curRate') : 1.0
).toFixed(1);
settings.showAlert = JSON.parse(
localStorage.getItem('showAlert')
? localStorage.getItem('showAlert')
: true
);
settings.saveRate = JSON.parse(localStorage.getItem('saveRate'));
};
// === 页面加载完后读取配置 ===
if (!localStorage.hasOwnProperty('saveRate')) {
settings.saveRate = true;
localStorage.setItem('saveRate', settings.saveRate);
}
getSettings();
if (settings.saveRate) {
settings.curRate = settings.preRate;
localStorage.setItem('curRate', settings.preRate);
} else {
settings.curRate = 1.0;
}
// === 判断倍速是否为有效倍速的函数 ===
let checkRate = (rate) => {
if (rate === '' || rate === null) return false;
rate = Number(rate);
return rate <= 0 || rate > 5 || isNaN(rate) ? false : true;
};
// === 定义修改播放倍速的函数 ===
let setRate = (rate, player) => {
if (settings.saveRate) {
settings.preRate = rate;
localStorage.setItem('preRate', settings.preRate);
}
let curRate = player.playbackRate();
rate = Number(rate || curRate);
if (!checkRate(rate)) return false;
label.innerText = `当前: ${Number(rate).toFixed(1)}${
Number(settings.curRate) > 2 ? '(>2容易卡顿)' : ''
}`;
player.setPlaybackRate(rate);
settings.curRate = rate;
localStorage.setItem('curRate', settings.curRate);
localStorage.setItem('showAlert', settings.showAlert);
return true;
};
// === 定时器，定期检查倍速 === // 别问我为什么这么写，问就是我太菜了QAQ
const check = () => {
let player;
if (window.videojs) {
player = window.videojs.getPlayers('video-player').html5player;
}
if (player) {
setRate(settings.curRate, player.tech_);
}
};
setInterval(check, 1000);
// === 定义生成"倍速按钮"的函数 ===
let generateBtn = (rateStr, rate) => {
let btn = $(`<a class="g-button" title=${rateStr}></a>`)[0];
rate = rate || 1.0;
btn.onclick = () => {
if (rateStr === '关于') {
// "关于"弹窗
let about = $(`<div><a target="_blank" href="https://greasyfork.org/zh-CN/scripts/405388">检查更新🔨</a> |
<a target="_blank" href="https://github.com/Vikiboss/baidupan-playspeed-control#%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97">更新日志📄</a><br />
<a target="_blank" href="https://greasyfork.org/zh-CN/scripts/405388/feedback">去GreasyFork反馈🔗</a><br />
<a target="_blank" href="https://vikiboss.top">作者菜鸡主页🏠</a> |
<a target="_blank" href="https://www.multmax.top/images/2020/08/20/1.png">支持💰</a>`)[0];
swal({
title: '关于',
text: `当前版本: ${cur_version}\n更新时间: ${last_updated}\n脚本作者: Viki`,
content: about,
});
return;
}
if (!window.videojs.getPlayers('video-player').html5player) {
swal({
text: '视频控件还未初始化完成哦👀',
icon: 'error',
buttons: false,
timer: 1000,
});
return;
}
player = window.videojs.getPlayers('video-player').html5player.tech_;
let curRate = player.playbackRate();
// 判断options提供的字符串并对rate进行相应操作
if (rateStr === '设置') {
// "设置"弹窗
let set = $(
`<div>
<input id="saveRate" type="checkbox" ${
settings.saveRate ? 'checked' : ''
}><span> 记忆历史播放倍速</span><br />
<input id="showAlert" type="checkbox" ${
settings.showAlert ? 'checked' : ''
}><span> 显示倍速提示弹窗</span>
</div>`
)[0];
swal({
title: '设置 - 百度网盘倍速播放',
content: set,
buttons: {
cancel: '取消',
save: { text: '保存', value: 'save' },
},
}).then((btn) => {
if (btn === 'save') {
settings.saveRate = $('#saveRate')[0].checked;
settings.showAlert = $('#showAlert')[0].checked;
localStorage.setItem('saveRate', $('#saveRate')[0].checked);
localStorage.setItem('showAlert', $('#showAlert')[0].checked);
settings.preRate = 1.0;
localStorage.setItem('preRate', 1.0);
swal({
text: '保存成功',
icon: 'success',
buttons: false,
timer: 1000,
});
}
});
return;
} else if (rateStr === '自定义') {
// "自定义"弹窗
swal({
title: '提示',
content: {
element: 'input',
attributes: {
placeholder: '选择一个自定义(0-5)的播放倍速叭(～￣▽￣)～',
type: 'text',
},
},
buttons: ['取消', '确认'],
}).then((new_rate) => {
if (checkRate(new_rate)) {
settings.curRate = new_rate || curRate;
localStorage.setItem('curRate', settings.curRate);
const extraMsg =
'\n由于网络原因等，大于两倍速可能会出现明显卡顿哦！';
if (settings.showAlert) {
swal({
text: `成功设置播放速度为${Number(new_rate).toFixed(1)}${
new_rate > 2 ? extraMsg : ''
}`,
icon: 'success',
buttons: false,
timer: new_rate > 2 ? 3000 : 1000,
});
}
} else {
if (new_rate === null) return;
swal({
text: `${
new_rate || '你输入的'
}不是一个指定范围内的有效数字哦＞﹏＜`,
icon: 'error',
buttons: false,
timer: 1000,
});
}
});
} else if (rateStr === '加速') {
settings.curRate = curRate + 0.1;
check();
} else if (rateStr === '减速') {
settings.curRate = curRate - 0.1;
check();
} else {
settings.curRate = rate;
if (settings.showAlert) {
swal({
text: `成功设置播放速度为${Number(rate).toFixed(1)}`,
icon: 'success',
buttons: false,
timer: 1000,
});
}
}
};
// === 补充按钮内部文本与样式 ===
let btnInnerHtml = `<span class="g-button-right">
<em class="icon icon-speed"></em>
<span class="text" style="width: auto;">${rateStr}</span>
</span>`;
btn.innerHTML = btnInnerHtml;
btn.style.userSelect = 'none';
return btn;
};
// === 插入倍速按钮集 ===
if ($('.video-toolbar-buttonbox')[0]) {
btn_div = $('.video-toolbar-buttonbox')[0];
} else {
btn_div = $('.ad-single-bottom')[0] || $('.dis-footer')[0];
btn_div.innerHTML = '';
btn_div.style.margin = '10px 6px';
btn_div.style.width = '100%';
}
let btns = options.map((option) => generateBtn(option.str, option.rate));
btn_div.append(...btns);
// === 加入倍速显示 ===
if (!settings.saveRate) settings.curRate = 1;
label = $(
`<span>当前: ${Number(settings.curRate).toFixed(1)}${
Number(settings.curRate) > 2 ? '(>2容易卡顿)' : ''
}</span>`
)[0];
label.style.color = '#09aaff';
label.style.fontSize = '18px';
label.style.display = 'inline-block';
label.style.margin = '5px';
label.style.fontFamily = 'Microsoft YaHei';
btn_div.append(label);
// === 去除多余元素 调整布局 ===
let other_div;
if ($('.video-other-video')[0]) {
other_div = $('.video-other-video')[0];
other_div.style.paddingTop = '50px';
vip_div = $('.privilege-box')[0];
vip_div.parentNode.removeChild(vip_div);
btn_div.removeChild(btn_div.childNodes[1]);
btn_div.removeChild(btn_div.childNodes[1]);
btn_div.removeChild(btn_div.childNodes[1]);
}
};
})();