diff --git a/layout/sidebar/audioplayer.scarlet b/layout/sidebar/audioplayer.scarlet index aa8a1ae6..2fdd0b8b 100644 --- a/layout/sidebar/audioplayer.scarlet +++ b/layout/sidebar/audioplayer.scarlet @@ -19,6 +19,7 @@ justify-content center align-items center font-size 1.5rem + color text-color background rgba(0, 0, 0, 0.03) border none border-radius 50% diff --git a/pages/soundtrack/soundtrack.pixy b/pages/soundtrack/soundtrack.pixy index 11f44b09..62c5f5c0 100644 --- a/pages/soundtrack/soundtrack.pixy +++ b/pages/soundtrack/soundtrack.pixy @@ -14,7 +14,7 @@ component Track(track *arn.SoundTrack, user *arn.User) .sound-track-media.video-container iframe.lazy.video(data-src=media.EmbedLink(), allowfullscreen="allowfullscreen") - if user != nil && media.Service == "Youtube" && (user.Role == "admin" || user.Role == "editor") && track.File != "" + if user != nil && media.Service == "Youtube" && track.File != "" .buttons button.action(data-action="playAudio", data-trigger="click", data-src="/audio/" + track.File) Icon("play") diff --git a/scripts/Actions/Audio.ts b/scripts/Actions/Audio.ts index dd11037c..6b8ddc1d 100644 --- a/scripts/Actions/Audio.ts +++ b/scripts/Actions/Audio.ts @@ -23,6 +23,9 @@ export function playAudio(arn: AnimeNotifier, button: HTMLButtonElement) { audioNode.buffer = buffer audioNode.connect(audioContext.destination) audioNode.start(0) + audioNode.onended = () => { + document.getElementById("audio-player").classList.add("fade-out") + } }, console.error) } request.send()