smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-17 13:12:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix download/speed menu item

Browse Source
This commit is contained in:
TC
2021-03-04 21:29:37 +01:00
parent 5641c3fc87
commit 796a7aaaf1
4 changed files with 30 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
plugins/downloader/front.js
View File

@ -1,5 +1,6 @@
const { contextBridge } = require("electron"); const { contextBridge } = require("electron");
const { getSongMenu } = require("../../providers/dom-elements");
const { ElementFromFile, templatePath, triggerAction } = require("../utils"); const { ElementFromFile, templatePath, triggerAction } = require("../utils");
const { ACTIONS, CHANNEL } = require("./actions.js"); const { ACTIONS, CHANNEL } = require("./actions.js");
const { downloadVideoToMP3 } = require("./youtube-dl"); const { downloadVideoToMP3 } = require("./youtube-dl");
@ -13,7 +14,7 @@ let pluginOptions = {};
const observer = new MutationObserver((mutations, observer) => { const observer = new MutationObserver((mutations, observer) => {
if (!menu) { if (!menu) {
menu = document.querySelector("ytmusic-menu-popup-renderer paper-listbox"); menu = getSongMenu();
} }
if (menu && !menu.contains(downloadButton)) { if (menu && !menu.contains(downloadButton)) {

8
plugins/playback-speed/front.js
View File

@ -1,4 +1,7 @@
const { watchDOMElement } = require("../../providers/dom-elements"); const {
getSongMenu,
watchDOMElement,
} = require("../../providers/dom-elements");
const { ElementFromFile, templatePath } = require("../utils"); const { ElementFromFile, templatePath } = require("../utils");
const slider = ElementFromFile(templatePath(__dirname, "slider.html")); const slider = ElementFromFile(templatePath(__dirname, "slider.html"));
@ -49,8 +52,7 @@ module.exports = () => {
watchDOMElement( watchDOMElement(
"menu", "menu",
(document) => (document) => getSongMenu(document),
document.querySelector("ytmusic-menu-popup-renderer paper-listbox"),
(menuElement) => { (menuElement) => {
if (!menuElement.contains(slider)) { if (!menuElement.contains(slider)) {
menuElement.prepend(slider); menuElement.prepend(slider);

53
plugins/playback-speed/templates/slider.html
View File

@ -5,7 +5,7 @@
aria-disabled="false" aria-disabled="false"
aria-selected="false" aria-selected="false"
> >
<paper-slider <tp-yt-paper-slider
id="playback-speed-slider" id="playback-speed-slider"
class="volume-slider style-scope ytmusic-player-bar on-hover" class="volume-slider style-scope ytmusic-player-bar on-hover"
max="100" max="100"
@ -22,68 +22,53 @@
aria-disabled="false" aria-disabled="false"
value="50" value="50"
><!--css-build:shady--> ><!--css-build:shady-->
<div id="sliderContainer" class="style-scope paper-slider"> <div id="sliderContainer" class="style-scope tp-yt-paper-slider">
<div class="bar-container style-scope paper-slider"> <div class="bar-container style-scope tp-yt-paper-slider">
<paper-progress <tp-yt-paper-progress
id="sliderBar" id="sliderBar"
aria-hidden="true" aria-hidden="true"
class="style-scope paper-slider" class="style-scope tp-yt-paper-slider"
role="progressbar" role="progressbar"
value="50" value="50"
aria-valuenow="50" aria-valuenow="50"
aria-valuemin="0" aria-valuemin="0"
aria-valuemax="100" aria-valuemax="100"
aria-disabled="false" aria-disabled="false"
style="touch-action: none;" style="touch-action: none"
><!--css-build:shady--> ><!--css-build:shady-->
<div id="progressContainer" class="style-scope paper-progress"> <div id="progressContainer" class="style-scope tp-yt-paper-progress">
<div <div
id="secondaryProgress" id="secondaryProgress"
class="style-scope paper-progress" class="style-scope tp-yt-paper-progress"
hidden="true" hidden="true"
style="transform: scaleX(0);" style="transform: scaleX(0)"
></div> ></div>
<div <div
id="primaryProgress" id="primaryProgress"
class="style-scope paper-progress" class="style-scope tp-yt-paper-progress"
style="transform: scaleX(0.5);" style="transform: scaleX(0.5)"
></div> ></div>
</div> </div>
</paper-progress> </tp-yt-paper-progress>
</div> </div>
<dom-if class="style-scope paper-slider" <dom-if class="style-scope tp-yt-paper-slider"
><template is="dom-if"></template ><template is="dom-if"></template
></dom-if> ></dom-if>
<div <div
id="sliderKnob" id="sliderKnob"
class="slider-knob style-scope paper-slider" class="slider-knob style-scope tp-yt-paper-slider"
style="left: 50%; touch-action: none;" style="left: 50%; touch-action: none"
> >
<div <div
class="slider-knob-inner style-scope paper-slider" class="slider-knob-inner style-scope tp-yt-paper-slider"
value="50" value="50"
></div> ></div>
<paper-ripple
id="ink"
center=""
class="circle style-scope paper-slider"
style="display: none;"
><!--css-build:shady-->
<div
id="background"
class="style-scope paper-ripple"
style="opacity: 0.006008;"
></div>
<div id="waves" class="style-scope paper-ripple"></div>
</paper-ripple>
</div> </div>
</div> </div>
<dom-if class="style-scope paper-slider" <dom-if class="style-scope tp-yt-paper-slider"
><template is="dom-if"></template ><template is="dom-if"></template></dom-if
></dom-if> ></tp-yt-paper-slider>
</paper-slider>
<div <div
class="text style-scope ytmusic-toggle-menu-service-item-renderer" class="text style-scope ytmusic-toggle-menu-service-item-renderer"

5
providers/dom-elements.js
View File

@ -17,4 +17,7 @@ const watchDOMElement = (name, selectorFn, cb) => {
}); });
}; };
module.exports = { watchDOMElement }; const getSongMenu = () =>
document.querySelector("ytmusic-menu-popup-renderer tp-yt-paper-listbox");
module.exports = { getSongMenu, watchDOMElement };