mirror of
https://github.com/th-ch/youtube-music.git
synced 2026-01-11 10:31:47 +00:00
Add plugin to control playback speed like in YouTube (from 0.25 to 2)
This commit is contained in:
94
plugins/playback-speed/templates/slider.html
Normal file
94
plugins/playback-speed/templates/slider.html
Normal file
@ -0,0 +1,94 @@
|
||||
<div
|
||||
class="menu-item ytmusic-menu-popup-renderer"
|
||||
role="option"
|
||||
tabindex="-1"
|
||||
aria-disabled="false"
|
||||
aria-selected="false"
|
||||
>
|
||||
<paper-slider
|
||||
id="playback-speed-slider"
|
||||
class="volume-slider style-scope ytmusic-player-bar on-hover"
|
||||
max="100"
|
||||
min="0"
|
||||
step="5"
|
||||
dir="ltr"
|
||||
title="Playback speed"
|
||||
aria-label="Playback speed"
|
||||
role="slider"
|
||||
tabindex="0"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
aria-valuenow="50"
|
||||
aria-disabled="false"
|
||||
value="50"
|
||||
><!--css-build:shady-->
|
||||
<div id="sliderContainer" class="style-scope paper-slider">
|
||||
<div class="bar-container style-scope paper-slider">
|
||||
<paper-progress
|
||||
id="sliderBar"
|
||||
aria-hidden="true"
|
||||
class="style-scope paper-slider"
|
||||
role="progressbar"
|
||||
value="50"
|
||||
aria-valuenow="50"
|
||||
aria-valuemin="0"
|
||||
aria-valuemax="100"
|
||||
aria-disabled="false"
|
||||
style="touch-action: none;"
|
||||
><!--css-build:shady-->
|
||||
|
||||
<div id="progressContainer" class="style-scope paper-progress">
|
||||
<div
|
||||
id="secondaryProgress"
|
||||
class="style-scope paper-progress"
|
||||
hidden="true"
|
||||
style="transform: scaleX(0);"
|
||||
></div>
|
||||
<div
|
||||
id="primaryProgress"
|
||||
class="style-scope paper-progress"
|
||||
style="transform: scaleX(0.5);"
|
||||
></div>
|
||||
</div>
|
||||
</paper-progress>
|
||||
</div>
|
||||
<dom-if class="style-scope paper-slider"
|
||||
><template is="dom-if"></template
|
||||
></dom-if>
|
||||
<div
|
||||
id="sliderKnob"
|
||||
class="slider-knob style-scope paper-slider"
|
||||
style="left: 50%; touch-action: none;"
|
||||
>
|
||||
<div
|
||||
class="slider-knob-inner style-scope paper-slider"
|
||||
value="50"
|
||||
></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>
|
||||
<dom-if class="style-scope paper-slider"
|
||||
><template is="dom-if"></template
|
||||
></dom-if>
|
||||
</paper-slider>
|
||||
|
||||
<div
|
||||
class="text style-scope ytmusic-toggle-menu-service-item-renderer"
|
||||
id="ytmcustom-playback-speed"
|
||||
>
|
||||
Speed (<span id="playback-speed-value">1</span>)
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user