mirrors/live_beats
1
0
Fork 0
mirror of https://github.com/fly-apps/live_beats.git synced 2024-05-04 10:28:47 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #37 from fly-apps/mc-media-session

Browse source 
Add now playing info
This commit is contained in:
Chris McCord 2022-02-03 14:14:20 -05:00 committed by GitHub
parent a94cf610da 645c4bd117
commit d25554632f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/js/app.js
View file

@ -116,7 +116,7 @@ Hooks.AudioPlayer = {
this.play()
}
})
this.handleEvent("play", ({url, token, elapsed}) => {
this.handleEvent("play", ({url, token, elapsed, artist, title}) => {
this.playbackBeganAt = nowSeconds() - elapsed
let currentSrc = this.player.src.split("?")[0]
if(currentSrc === url && this.player.paused){
@ -125,6 +125,10 @@ Hooks.AudioPlayer = {
this.player.src = `${url}?token=${token}`
this.play({sync: true})
}
if("mediaSession" in navigator){
navigator.mediaSession.metadata = new MediaMetadata({artist, title})
}
})
this.handleEvent("pause", () => this.pause())
this.handleEvent("stop", () => this.stop())

10
lib/live_beats_web/live/player_live.ex
View file

@ -276,13 +276,17 @@ defmodule LiveBeatsWeb.PlayerLive do
defp play_song(socket, %Song{} = song, elapsed) do
socket
|> push_play(song, elapsed)
|> assign(song: song, playing: true)
|> assign(song: song, playing: true, page_title: song_title(song))
end
defp stop_song(socket) do
socket
|> push_event("stop", %{})
|> assign(song: nil, playing: false)
|> assign(song: nil, playing: false, page_title: "Listing Songs")
end
defp song_title(%{artist: artist, title: title}) do
"#{title} - #{artist} (Now Playing)"
end
defp play_current_song(socket) do
@ -310,6 +314,8 @@ defmodule LiveBeatsWeb.PlayerLive do
})
push_event(socket, "play", %{
artist: song.artist,
title: song.title,
paused: Song.paused?(song),
elapsed: elapsed,
duration: song.duration,