einundzwanzig/einundzwanzig.space
1
0
Fork 0
mirror of https://github.com/Einundzwanzig-Podcast/einundzwanzig.space.git synced 2025-12-14 00:36:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

🛠 Playback speed control

Browse Source
This commit is contained in:
Dennis Reimann
2020-10-13 10:02:15 +02:00
parent 5d3d77ed6c
commit 1befef01b5
2 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/css/sections/podcast.css
View File

@@ -163,6 +163,19 @@
font-size: var(--font-size-s); font-size: var(--font-size-s);
} }
.player__speed:before {
cursor: pointer;
}
.player__speed.amplitude-playback-speed-10:before {
content: '1.0x';
}
.player__speed.amplitude-playback-speed-15:before {
content: '1.5x';
}
.player__speed.amplitude-playback-speed-20:before {
content: '2.0x';
}
.player__controls { .player__controls {
display: flex; display: flex;
align-items: center; align-items: center;

3
src/includes/mixins.pug
View File

@@ -25,7 +25,7 @@ mixin episodePlayer(e)
span.player__current-minutes.amplitude-current-minutes(data-amplitude-main-current-minutes="true") span.player__current-minutes.amplitude-current-minutes(data-amplitude-main-current-minutes="true")
= ':' = ':'
span.player__current-seconds.amplitude-current-seconds(data-amplitude-main-current-seconds="true") span.player__current-seconds.amplitude-current-seconds(data-amplitude-main-current-seconds="true")
span.player__speed.amplitude-playback-speed
span.player__duration span.player__duration
span.player__duration-hours.amplitude-duration-hours(data-amplitude-main-duration-hours="true") span.player__duration-hours.amplitude-duration-hours(data-amplitude-main-duration-hours="true")
= ':' = ':'
@@ -37,6 +37,7 @@ mixin episodePlayer(e)
.player__button.amplitude-play-pause(data-amplitude-main-play-pause="true" id="play-pause") .player__button.amplitude-play-pause(data-amplitude-main-play-pause="true" id="play-pause")
+sprite("pause").player__button__icon--pause +sprite("pause").player__button__icon--pause
+sprite("play").player__button__icon--play +sprite("play").player__button__icon--play
.player__info .player__info
a.plain(href=`/podcast/${e.slug}/`) a.plain(href=`/podcast/${e.slug}/`)
.player__album(data-amplitude-song-info="album" data-amplitude-main-song-info="true") .player__album(data-amplitude-song-info="album" data-amplitude-main-song-info="true")