Adds icons to the video toolbar which adds to specific playlists with 1 click.
当前为
// ==UserScript==
// @name Youtube: Add to Playlist Icons
// @namespace http://xshade.ca
// @version 4
// @description Adds icons to the video toolbar which adds to specific playlists with 1 click.
// @icon https://youtube.com/favicon.ico
// @author Chris H (Zren / Shade)
// @include http*://*.youtube.com/*
// @include http*://youtube.com/*
// @include http*://*.youtu.be/*
// @include http*://youtu.be/*
// @grant GM_addStyle
// ==/UserScript==
(function (window) {
//--- Settings
// name is case sensitive
var addToPlaylistButtons = [
{ name: "Saved", label: "♥" },
{ name: "Music", label: "♫" },
{ name: "Watch Later", label: "⏱" },
];
//---
var el = function(html) {
var e = document.createElement('div');
e.innerHTML = html;
return e.removeChild(e.firstChild);
}
var isWatchUrl = function(url) {
if (!url)
url = document.location.href;
return url.match(/https?:\/\/(www\.)?youtube.com\/watch\?/)
|| url.match(/https?:\/\/(www\.)?youtube.com\/(c|channel)\/[^\/]+\/live/);
}
function waitFor(selector, callback) {
var tick = function(){
var e = document.querySelector(selector);
if (e) {
callback(e);
} else {
setTimeout(tick, 100);
}
};
tick();
}
//--- History
var HistoryEvent = function() {}
HistoryEvent.listeners = []
HistoryEvent.dispatch = function(state, title, url) {
var stack = this.listeners
for (var i = 0, l = stack.length; i < l; i++) {
stack[i].call(this, state, title, url)
}
}
HistoryEvent.onPushState = function(state, title, url) {
HistoryEvent.dispatch(state, title, url)
return HistoryEvent.origPushState.apply(window.history, arguments)
}
HistoryEvent.onReplaceState = function(state, title, url) {
HistoryEvent.dispatch(state, title, url)
return HistoryEvent.origReplaceState.apply(window.history, arguments)
}
HistoryEvent.inject = function() {
if (!HistoryEvent.injected) {
HistoryEvent.origPushState = window.history.pushState
HistoryEvent.origReplaceState = window.history.replaceState
window.history.pushState = HistoryEvent.onPushState
window.history.replaceState = HistoryEvent.onReplaceState
HistoryEvent.injected = true
}
}
HistoryEvent.timerId = 0
HistoryEvent.onTick = function() {
var currentPage = window.location.pathname + window.location.search
if (HistoryEvent.lastPage != currentPage) {
HistoryEvent.dispatch({}, document.title, window.location.href)
HistoryEvent.lastPage = currentPage
}
}
HistoryEvent.startTimer = function() {
HistoryEvent.lastPage = window.location.pathname + window.location.search
HistoryEvent.timerId = setInterval(HistoryEvent.onTick, 500)
}
HistoryEvent.stopTimer = function() {
clearInterval(HistoryEvent.timerId)
}
//---
var YoutubeScript = function(name) {
this.name = name;
}
YoutubeScript.prototype.registerMaterialListeners = function() {
this._materialPageTransition = this.materialPageTransition.bind(this)
HistoryEvent.listeners.push(this._materialPageTransition);
HistoryEvent.startTimer();
}
YoutubeScript.prototype.materialPageTransition = function() {
console.log('checkIfWatchPage');
if (isWatchUrl())
this.onWatchPage();
}
YoutubeScript.prototype.checkIfWatchPage = function() {
console.log('checkIfWatchPage');
if (isWatchUrl())
this.onWatchPage();
}
YoutubeScript.prototype.onWatchPage = function() {}
//---
var ytScript = new YoutubeScript('ytplaylisticons');
ytScript.onWatchPage = function() {
this.injectUI();
}
ytScript.injectUI = function() {
var resizeButton = document.querySelector('.ytp-size-button.ytp-button');
if (resizeButton) {
for (var i = 0; i < addToPlaylistButtons.length; i++) {
var playlistData = addToPlaylistButtons[i];
var button = document.querySelector('.yt-playlist-enqueue-button[data-playlist-name="' + playlistData.name + '"].ytp-button');
if (!button) {
button = el('<button class="yt-playlist-enqueue-button ytp-button" data-playlist-name="' + playlistData.name + '" title="Add to ' + playlistData.name + ' Playlist" style="vertical-align: top; text-align: center;">');
button.appendChild(el('<span style="font-size: 24px; font-weight: bold;">' + playlistData.label + '</span>'));
button.addEventListener('click', this.addToPlaylist(playlistData.name));
resizeButton.parentNode.insertBefore(button, resizeButton);
//console.log('addToPlaylistButton', playlistData, button);
}
}
}
}
ytScript.addToPlaylist = function(playlistName) {
return function() {
document.querySelector('button.addto-button').click();
waitFor('li.addto-playlist-item[data-item-name="' + playlistName + '"] button.playlist-status', function(e) {
e.parentNode.click();
});
};
}
ytScript.main = function() {
this.registerMaterialListeners();
this.checkIfWatchPage();
};
ytScript.main();
var style = ".ytwp-viewing-video #appbar-main-guide-notification-container { top: -110px; left: calc(100vw - 30px - 200px - 30px); width: 200px; text-align: right; }";
GM_addStyle(style);
})(typeof unsafeWindow !== 'undefined' ? unsafeWindow : window);