您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
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);