Allow to choose the default speed for specific YT channel
目前為
// ==UserScript==
// @name Youtube Speed By Channel
// @namespace Alpe
// @version 0.2.7
// @description Allow to choose the default speed for specific YT channel
// @author Alpe
// @include https://www.youtube.com/*
// @grant GM.setValue
// @grant GM.getValue
// @grant GM.deleteValue
// @grant GM_registerMenuCommand
// @run-at document-start
// @require https://code.jquery.com/jquery-3.6.0.min.js
// ==/UserScript==
(async () => {
const defaults = {
DEFAULT_SPEED: 1.0,
SHOW_RELATIVE_TIME: true,
COLOR_SELECTED: "red",
COLOR_NORMAL: "rgb(220,220,220)",
BUTTON_TEMPLATES: JSON.stringify([
["50%", 0.5],
["75%", 0.75],
["Normal", 1],
["1.25x", 1.25],
["1.5x", 1.5],
["1.75x", 1.75],
["2x", 2],
["2.25x", 2.25],
["2.5x", 2.5],
["3x", 3],
["3.5x", 3.5]
]),
AUDIO_BOOST: 1,
SAVE_RESUME_TIME: false
}
for (let name in defaults) {
let value = defaults[name];
window[name] = (name === "BUTTON_TEMPLATES" ? JSON.parse(await GM.getValue("_YSC-" + name,value)) : await GM.getValue("_YSC-" + name,value));
}
async function toggleconfig(name,e){
e = e||!(await GM.getValue("_YSC-" + name,defaults[name]));
GM.setValue("_YSC-" + name,e);
alert(name + ': ' + e);
}
if (typeof GM_registerMenuCommand == 'undefined') {
this.GM_registerMenuCommand = (caption, commandFunc, accessKey) => {
if (!document.body) {
if (document.readyState === 'loading'
&& document.documentElement && document.documentElement.localName === 'html') {
new MutationObserver((mutations, observer) => {
if (document.body) {
observer.disconnect();
GM_registerMenuCommand(caption, commandFunc, accessKey);
}
}).observe(document.documentElement, {childList: true});
} else {
console.error('GM_registerMenuCommand got no body.');
}
return;
}
let contextMenu = document.body.getAttribute('contextmenu');
let menu = (contextMenu ? document.querySelector('menu#' + contextMenu) : null);
if (!menu) {
menu = document.createElement('menu');
menu.setAttribute('id', 'gm-registered-menu');
menu.setAttribute('type', 'context');
document.body.appendChild(menu);
document.body.setAttribute('contextmenu', 'gm-registered-menu');
}
let menuItem = document.createElement('menuitem');
menuItem.textContent = caption;
menuItem.addEventListener('click', commandFunc, true);
menu.appendChild(menuItem);
};
}
$.each([
["List current settings", async function(){
var set = [];
for (let name in defaults) {
let value = defaults[name];
set.push(name + ' = ' + await GM.getValue('_YSC-' + name,value) + (( await GM.getValue('_YSC-' + name,value)!=defaults[name])?" [default is " + defaults[name] + "]":""));
}
alert(set.join('\n'));
}],
["Configure default speed", async function(){
var temp = prompt("Default: " + defaults['DEFAULT_SPEED'], await GM.getValue('_YSC-DEFAULT_SPEED',DEFAULT_SPEED));
if (temp === null) return;
if (temp.length === 0){
GM.deleteValue('_YSC-DEFAULT_SPEED');
alert("default restored");
return;
}
temp = parseFloat(temp);
if (!isNaN(temp)) toggleconfig('DEFAULT_SPEED',temp);
}],
["Show time relative to speed", async function(){
var temp = prompt("Default: " + defaults['SHOW_RELATIVE_TIME'], await GM.getValue('_YSC-SHOW_RELATIVE_TIME',SHOW_RELATIVE_TIME));
if (temp === null) return;
if (temp.length === 0){
GM.deleteValue('_YSC-SHOW_RELATIVE_TIME');
alert("default restored");
return;
}
if (temp === "true" || temp === "false") toggleconfig('SHOW_RELATIVE_TIME', (temp === "true"));
}],
["Configure Color for the selected speed", async function(){
var temp = prompt("Default: " + defaults['COLOR_SELECTED'], await GM.getValue('_YSC-COLOR_SELECTED',COLOR_SELECTED));
if (temp === null) return;
if (temp.length === 0){
GM.deleteValue('_YSC-COLOR_SELECTED');
alert("default restored");
return;
}
toggleconfig('COLOR_SELECTED',temp);
}],
["Configure color for unselected speed", async function(){
var temp = prompt("Default: " + defaults['COLOR_NORMAL'], await GM.getValue('_YSC-COLOR_NORMAL',COLOR_NORMAL));
if (temp === null) return;
if (temp.length === 0){
GM.deleteValue('_YSC-COLOR_NORMAL');
alert("default restored");
return;
}
toggleconfig('COLOR_NORMAL',temp);
}],
["Configure Buttons", async function(){
var temp = prompt("What buttons should be displayed.\nformat: [text,speed]\neg: [half,0.5][normal,1][double,2]", '[' + JSON.parse(await GM.getValue('_YSC-BUTTON_TEMPLATES',JSON.stringify(BUTTON_TEMPLATES))).join('],[') + ']');
if (temp === null) return;
if (temp.length === 0){
GM.deleteValue('_YSC-BUTTON_TEMPLATES');
alert("default restored");
return;
}
var match = temp.match(/\[[^,]+,[^\]]+\]/g);
if (!match){
alert("invalid option");
} else {
var array = [];
for (let i=0; i < match.length; i++){
let match2 = match[i].match(/\[([^,]+),([^\]]+)/);
array.push([match2[1], parseFloat(match2[2])])
}
toggleconfig('BUTTON_TEMPLATES',JSON.stringify(array));
}
}],
["Configure audio boost", async function(){
var temp = prompt("Can be any number bigger than 1.\n\n1 = function disabled\n1.5 = 50% boost\n2 = 100% boost (will be twice as loud)\n\nA dynamic normalizer is added to values of 1.5 or more.\n\nDefault: " + defaults['AUDIO_BOOST'], await GM.getValue('_YSC-AUDIO_BOOST',AUDIO_BOOST));
if (temp === null) return;
if (temp.length === 0){
GM.deleteValue('_YSC-AUDIO_BOOST');
alert("default restored");
return;
}
temp = parseFloat(temp);
if (!isNaN(temp) && temp >= 1) toggleconfig('AUDIO_BOOST',temp);
}],
["Save resume time to url", async function(){
var temp = prompt("Can be true or false\nIf true, it updates the url every 5 seconds with &t= parameter. So if you close the browser or tab and reopen it, the video will start playing close to where you stopped it.\n\nDefault: " + defaults['SAVE_RESUME_TIME'], await GM.getValue('_YSC-SAVE_RESUME_TIME',SAVE_RESUME_TIME));
if (temp === null) return;
if (temp.length === 0){
GM.deleteValue('_YSC-SAVE_RESUME_TIME');
alert("default restored");
return;
}
if (temp === "true" || temp === "false") toggleconfig('SAVE_RESUME_TIME', (temp === "true"));
}],
["Restore default",function(){
for (let name in defaults) {
GM.deleteValue('_YSC-' + name);
}
alert("Default restored");
}]
], function(a,b){ GM_registerMenuCommand(b[0],b[1]); });
var stateKey, eventKey;
{
let keys = {
hidden: "visibilitychange",
webkitHidden: "webkitvisibilitychange",
mozHidden: "mozvisibilitychange",
msHidden: "msvisibilitychange"
}
for (stateKey in keys) {
if (stateKey in document) {
eventKey = keys[stateKey];
break;
}
}
}
function vis (c) {
if (c) document.addEventListener(eventKey, c);
return !document[stateKey];
}
function getspeed(params = {}){
let speed, reason;
if (params.hasOwnProperty('force1x') && params.force1x){
speed = 1;
reason = "forcing 1x (live?)";
} else if (params.hasOwnProperty('channelspeed') && typeof params.channelspeed === "number"){
speed = params.channelspeed;
reason = "channelspeed";
} else if (params.hasOwnProperty('defspeed') && Number.isInteger(params.defspeed)){
speed = params.defspeed;
reason = "overwritten default (music?)";
} else {
speed = DEFAULT_SPEED;
reason = "default";
}
if (params.channelspeed === undefined) delete params.channelspeed;
if (params.defspeed === null) delete params.defspeed;
if (params.force1x === false) delete params.force1x;
params['chosenspeed'] = speed;
params['chosenreason'] = reason;
console.log(params);
return speed;
}
function buttonclick(el){
let id = el.target.parentNode.id.match(/\d+$/)[0];
el = $(el.target);
el.parent().children(":not([title])").css("color", COLOR_NORMAL);
el.css("color", COLOR_SELECTED);
if ($('video[vsb-video="' + id + '"]').length === 0){
youtubefix();
}
let video = $('video[vsb-video=' + id + ']')[0];
video.playbackRate = parseFloat(el.attr('speed'));
if (SHOW_RELATIVE_TIME || SAVE_RESUME_TIME) changetime(video);
}
function getchannelname (id, div = null){
try {
if (div === null) div = $('#channel-name[vsb-channel=' + id + ']');
let channel = div.find('#container #text:visible:first').text().trim();
if (!channel){
let metavid = document.querySelector('#watch7-content > meta[itemprop=videoId]');
if (metavid !== null && (new URL(div.closest('ytd-watch-flexy, ytd-browse').find('video')[0].baseURI)).searchParams.get('v') === metavid.getAttribute('content')){
let metaname = document.querySelector('#watch7-content > span[itemprop=author] > link[itemprop=name]');
if (metaname !== null) channel = metaname.getAttribute('content');
if (!channel) channel = '';
}
}
return channel;
} catch (e) {
console.log("error", e);
return '';
}
}
function setchanneldefault(el){
let id = el.target.parentNode.id.match(/\d+$/)[0];
let channel = getchannelname(id);
changebuttontitle(id, channel);
let currentspeed = $('video[vsb-video=' + id + ']')[0].playbackRate;
el = $(el.target).parent();
el.children().css("text-decoration", "").filter('span[speed="' + currentspeed + '"]').css("text-decoration", "underline");
GM.setValue(channel, currentspeed);
console.log('changing default for (' + channel + ') to (' + currentspeed + ')');
}
function createcontainer(curspeed, id){
let div = document.createElement("div");
let prev_node = null;
div.id = "vsb-container" + id;
div.style.marginBottom = "0px";
div.style.paddingBottom = "0px";
div.style.float = "left";
div.innerHTML += '<span style="margin-right: 10px; font-weight: bold; font-size: 80%; color: white; cursor: pointer;" title="Set current speed as default for this channel">setdefault</span>';
BUTTON_TEMPLATES.forEach(function(button){
div.innerHTML += '<span style="margin-right: 10px; font-weight: bold; font-size: 80%; color: ' + (curspeed === button[1] ? COLOR_SELECTED : COLOR_NORMAL) + '; cursor: pointer;" speed="' + button[1] + '">' + button[0] + '</span>';
});
$('span:not([title])', div).on( "click", buttonclick);
$('span[title]', div).on( "click", setchanneldefault);
return div;
}
window.vsbid = 0;
function getid(){
let id = window.vsbid;
window.vsbid++;
return id;
}
function changebuttontitle(id, channelname = ''){
let container = $('#vsb-container' + id + ' > span[title]');
if (container.length > 0){
container[0].title = container[0].title.split(' [')[0] + (channelname !== '' ? ' [' + channelname + ']' : '');
}
}
function ob_youtube_movieplayer (mutationsList, observer){
for(let mutation of mutationsList) {
if (mutation.attributeName === 'video-id'){
let el = $('[id^=vsb-container]', mutation.target);
let id = el[0].id.match(/\d+$/)[0];
let channeldiv = $('#channel-name[vsb-channel="' + id + '"]');
if($('span[speed="1"]', el).click().length === 0) $('video[vsb-video="' + id + '"]')[0].playbackRate = 1;
$('span', el).css("text-decoration", "");
changebuttontitle(id);
setTimeout(async function(){
let channelspeed, channelname = getchannelname(id, channeldiv);
let tries = 1;
while(channelname === '' && tries <= 8){
if (tries === 1){
alert('sleeping');
console.log("id", id);
console.log("channeldiv", channeldiv);
console.log("channelname", channelname);
}
console.log('sleeping ' + tries, channeldiv);
await (new Promise(resolve => setTimeout(resolve, 200)));
channelname = getchannelname(id, channeldiv);
tries++;
}
if (channelname !== ''){
channelspeed = await GM.getValue(channelname);
console.log(channelname, channelspeed);
} else {
channelspeed = undefined;
}
changebuttontitle(id, channelname);
$('span[speed="' + channelspeed + '"]', el).css("text-decoration", "underline");
let speed = getspeed({
channelspeed: channelspeed,
defspeed: (channeldiv.find('.badge-style-type-verified-artist').length > 0 || channelname.match(/VEVO$/) ? 1 : null),
force1x: (el.closest('#movie_player').find('.ytp-live').length === 1)
});
if($('span[speed="' + speed + '"]', el).click().length === 0) $('video[vsb-video="' + id + '"]')[0].playbackRate = speed;
},500);
}
}
}
function ob_youtube_c4player (mutationsList, observer){
for(let mutation of mutationsList) {
if (mutation.attributeName === 'src' && mutation.target.src !== ''){
let id = mutation.target.getAttribute("vsb-video");
let channeldiv = $('#channel-name[vsb-channel="' + id + '"]');
$('video[vsb-video="' + id + '"]')[0].playbackRate = 1;
setTimeout(async function(){
$('video[vsb-video="' + id + '"]')[0].playbackRate = getspeed({
channelspeed: await GM.getValue(getchannelname(id, channeldiv)),
defspeed: (channeldiv.find('.badge-style-type-verified-artist').length === 1 ? 1 : null)
});
},1000);
}
}
}
function youtubefix(){
$('#movie_player[monitored], #c4-player[monitored]').each(
function(){
let video = $('video', this);
if (video.attr('vsb-video') === undefined){
let el = $(this);
let id = el.attr('monitored');
console.log('fixing', video);
setTimeout(function(){
video.attr('vsb-video', id);
$('span:not([title]):visible', '#vsb-container' + id).filter(function() {
return ( this.style.color == COLOR_SELECTED );
}).click();
if (SHOW_RELATIVE_TIME || SAVE_RESUME_TIME) video[0].addEventListener("timeupdate", changetime,false);
},750);
} else {
console.log('fixing2', video);
$('span:not([title]):visible', '#vsb-container' + $(this).attr('monitored')).filter(function() {
return ( this.style.color == COLOR_SELECTED );
}).click();
}
}
);
}
function fancyTimeFormat(duration){
var hrs = ~~(duration / 3600);
var mins = ~~((duration % 3600) / 60);
var secs = ~~duration % 60;
var ret = "";
if (hrs > 0) {
ret += "" + hrs + ":" + (mins < 10 ? "0" : "");
}
ret += "" + mins + ":" + (secs < 10 ? "0" : "");
ret += "" + secs;
return ret;
}
function changetime (event){
let video = (typeof event["target"] === "object" ? event.target : event);
if (SHOW_RELATIVE_TIME){
let id = video.getAttribute('vsb-video');
let timediv = $('#movie_player[monitored="' + id + '"]:visible .ytp-time-display:visible');
if (timediv.length === 0) return;
let reltimespan = timediv[0].getElementsByClassName('vsb-reltime');
if (reltimespan.length === 0){
timediv[0].insertAdjacentHTML('beforeend', '<span class="vsb-reltime"></span>');
reltimespan = timediv[0].getElementsByClassName('vsb-reltime');
}
reltimespan[0].innerHTML = (video.playbackRate === 1 || isNaN(video.duration) ? '' : '<span> (</span>' + fancyTimeFormat(video.currentTime / video.playbackRate) + ' / ' + fancyTimeFormat(video.duration / video.playbackRate) + '<span>)</span>');
}
if (SAVE_RESUME_TIME){
const time = Math.floor(video.currentTime),
url = new URL(location);
if (url.pathname === "/watch" && time >= 10){
if (Number.isInteger(time/5)){
url.searchParams.set('t', time - 5);
history.replaceState({}, document.title, url.toString())
}
} else if (url.searchParams.has('t')){
url.searchParams.delete('t');
history.replaceState({}, document.title, url.toString())
}
}
}
function audioboost(){
if (AUDIO_BOOST === 1 || this.tagName !== "VIDEO") return;
let audioCtx = new AudioContext(),
source = audioCtx.createMediaElementSource(this),
gainNode = audioCtx.createGain();
gainNode.gain.value = AUDIO_BOOST;
source.connect(gainNode);
if (AUDIO_BOOST > 1.5){ //prevent clipping
let compressorNode = audioCtx.createDynamicsCompressor();
compressorNode.connect(audioCtx.destination);
gainNode.connect(compressorNode);
} else {
gainNode.connect(audioCtx.destination);
}
}
function youtube(){
$('#movie_player:visible:not([monitored]), #c4-player:visible:not([monitored])').each(async function( index ) {
let el = $(this);
let speed, channelspeed;
if (this.id === "movie_player" && !this.classList.contains('ytp-player-minimized')){
let channeldiv = el.closest('ytd-watch-flexy').find('#upload-info #channel-name');
if (!channeldiv.length) return;
let channelname = getchannelname(-1, channeldiv);
if (channelname === '') return;
let appendto = el.find("div.ytp-right-controls");
if (!appendto.length) return;
let videodiv = el.find('video')
if (!videodiv.length) return;
let id = getid();
el.attr('monitored', id);
channeldiv.attr('vsb-channel', id);
videodiv.attr('vsb-video', id);
videodiv.each(audioboost);
$('#ytp-id-20 .ytp-menuitem-label:contains(Playback speed)', el).parent().css('display', 'none');
console.log("Adding video-id observer");
(new MutationObserver(ob_youtube_movieplayer)).observe(el.closest('ytd-watch-flexy')[0], { attributes: true });
(new MutationObserver(function(mutationsList, observer){
for(let mutation of mutationsList) {
if (mutation.attributeName === 'src') console.log('mutation', mutation.target.src);
if (mutation.attributeName === 'src' && mutation.target.src === '') youtubefix();
}
})).observe(el.find('video')[0], { attributes: true });
channelspeed = await GM.getValue(channelname);
speed = getspeed({
channelspeed: channelspeed,
defspeed: (channeldiv.find('.badge-style-type-verified-artist').length > 0 || channelname.match(/VEVO$/) ? 1 : null),
force1x: (el.find('.ytp-live').length === 1)
});
let div = createcontainer(speed, id);
$('span[speed="' + channelspeed + '"]', div).css("text-decoration", "underline");
appendto.append(div);
changebuttontitle(id, channelname);
videodiv[0].playbackRate = speed;
if (SHOW_RELATIVE_TIME || SAVE_RESUME_TIME) videodiv[0].addEventListener("timeupdate", changetime,false);
} else if (this.id === "c4-player"){
let channeldiv = el.closest('ytd-browse').find('#header #channel-name');
if (!channeldiv.length) return;
let channelname = getchannelname(-1, channeldiv);
if (channelname === '') return;
let videodiv = el.find('video')
if (!videodiv.length) return;
el.attr('monitored', id);
let id = getid();
channeldiv.attr('vsb-channel', id);
videodiv.attr('vsb-video', id);
videodiv.each(audioboost);
console.log("Adding c4 observer");
(new MutationObserver(ob_youtube_c4player)).observe(el.find('video')[0], { attributes: true, subtree: true });
videodiv[0].playbackRate = getspeed({
channelspeed: await GM.getValue(channelname),
defspeed: (channeldiv.find('.badge-style-type-verified-artist').length === 1 ? 1 : null)
});
}
});
}
function mark_loop(){
if (location.host.endsWith('youtube.com')){
youtube();
if (window.vsbid < 1){
setTimeout(mark_loop, ((window.vsbid === 0 ? 500 : 2500) * (vis() ? 1 : 2)));
} else {
console.log('stopping loop');
}
} else {
setTimeout(mark_loop, 1500 * (vis() ? 1 : 4));
}
}
window.addEventListener('load', mark_loop);
})();