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

Share soundboard URLs

Browse Source
This commit is contained in:
Dennis Reimann
2021-06-28 18:33:36 +02:00
parent aacb240b6f
commit 7dfefce55b
1 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/soundboard.pug
View File

@@ -7,7 +7,13 @@ block vars
block main
#soundboard.wrap
script.
window.player = { songs: [], continue_next: false };
window.player = { songs: [], continue_next: false, autoplay: true };
window.playSound = index => {
Amplitude.playSongAtIndex(index)
const { url } = Amplitude.getSongAtIndex(index)
const [, slug] = url.match(/^\/sounds\/(.*)\.mp3$/)
window.location.hash = slug
}
section
h1= title
.player.player--soundboard
@@ -38,5 +44,13 @@ block main
each sound in group.sounds
script.
window.player.songs.push({ album: '#{group.title}', name: '#{sound.title.replace("'", "\\'")}', url: '#{sound.file}' })
button.button(type="button" onclick=`Amplitude.playSongAtIndex(${index})`)= sound.title
button.button(type="button" onclick=`playSound(${index})`)= sound.title
- index++
script.
document.addEventListener("DOMContentLoaded", () => {
const { hash } = window.location
if (hash) {
const index = Amplitude.getSongs().findIndex(sound => sound.url === `/sounds/${hash.substring(1)}.mp3`)
if (index > -1) playSound(index)
}
})