您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
A script for changing the ugly ass youtube subtitles on CC. May make it so you can select your own subtitle look later on.
- // ==UserScript==
- // @name Youtube Subtitles Edit
- // @namespace http://tampermonkey.net/
- // @version 0.7
- // @description A script for changing the ugly ass youtube subtitles on CC. May make it so you can select your own subtitle look later on.
- // @author Dildoer the Cocknight
- // @match *youtube.com/watch*
- // @match *youtube.com/embed*
- // @match https://www.youtube.com/watch*
- // @match https://www.youtube.com/embed*
- // @require https://code.jquery.com/jquery-1.11.0.min.js
- // @require https://code.jquery.com/ui/1.11.4/jquery-ui.js
- // @grant none
- // ==/UserScript==
- /* jshint -W097 */
- //note - my website (therealnig.ga) got hijacked so the manual selector is no longer working! If you want to edit your subs you'll have to do it manually within the script below!
- //vars for my CSS stuff later, will set it so I can change these with a modal selector eventually
- var backgroundcolor = 'transparent'
- var textcolor = 'yellow'
- var fontsize = 150 //goes by Percent- 100% is the default!
- var fontfam = 'Special Elite'
- var textshadow = 'rgba(34, 34, 34, 0.498039) 0px 0px 4px, rgba(34, 34, 34, 0.498039) 0px 0px 4px, rgba(34, 34, 34, 0.498039) 0px 0px 4px, rgba(34, 34, 34, 0.498039) 0px 0px 4px'
- // Tells you that the script is working and it picked up the video.
- console.log("Video detected - Youtube Subtitles Editor Enabled!")
- //adds a spacer so we can add from google fonts
- var spacer = fontfam.replace(/ /g, "+");
- //Gives JQUERYUI.css and a few aditional fonts, gonna add a selector in there later to choose from Google fonts
- $('head').append('<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans|Orbitron|Oleo+Script|' + spacer + '|Permanent+Marker|,">');
- $('head').append('<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">');
- //initial css style for the subtitles; gotta change that shit later on
- $('head').append('<style> .captions-text { color:' + textcolor + '!important; text-shadow:' + textshadow + '!important; font-family:' + fontfam + '!important; background-color:' + backgroundcolor + '!important; font-size:' + fontsize + '%!important; } </style>');
- //creates the menu option in jquery to open the modal for our subtitle customizer
- $('body').append('<div id="dialog" title="Subtitle Edit Menu" <div id="editcontent"> Background: <br> <input class="subBackground" value="transparent"> <br> Text color: <br> <input class="subColor" value="yellow"> </div></div>');
- $('#ytp-main-menu-id').append('<div class="ytp-menuitem" aria-haspopup="true" role="menuitem" tabindex="0"><div class="ytp-menuitem-label"><div><span>Subtitle Editor</span></div></div><button class="ytp-menuitem-content" id="opener">Edit</button></div>');
- //ui scripts...
- $(function() {
- $( "#dialog" ).dialog({
- autoOpen: false,
- show: {
- effect: "blind",
- duration: 500
- },
- hide: {
- effect: "explode",
- duration: 500
- }
- });
- $( "#opener" ).click(function() {
- $( "#dialog" ).dialog( "open" );
- });
- });