girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-17 05:38:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: updates

Browse source
This commit is contained in:
qier222 2022-06-11 00:19:07 +08:00
parent 4c90db789b
commit 196a974a64
No known key found for this signature in database
GPG key ID: 9C85007ED905F14D
21 changed files with 291 additions and 191 deletions
Download patch file Download diff file Expand all files Collapse all files

7
packages/web/utils/const.ts
View file

@ -1 +1,8 @@
export const ease: [number, number, number, number] = [0.4, 0, 0.2, 1]
export const breakpoint = {
sm: '@media (min-width: 640px)',
md: '@media (min-width: 768px)',
lg: '@media (min-width: 1024px)',
xl: '@media (min-width: 1280px)',
'2xl': '@media (min-width: 1536px)',
}

43
packages/web/utils/player.ts
View file

@ -72,6 +72,7 @@ export class Player {
this.state = State.Ready
this._playAudio(false) // just load the audio, not play
this._initFM()
this._initMediaSession()
window.ipcRenderer?.send(IpcChannels.Repeat, { mode: this._repeatMode })
}
@ -180,7 +181,7 @@ export class Player {
_howler.pause()
}
private _setupProgressInterval() {
private async _setupProgressInterval() {
this._progressInterval = setInterval(() => {
if (this.state === State.Playing) this._progress = _howler.seek()
}, 1000)
@ -234,6 +235,7 @@ export class Player {
}
if (this.mode === Mode.TrackList) this._track = track
if (this.mode === Mode.FM) this.fmTrack = track
this._updateMediaSessionMetaData()
this._playAudio()
}
@ -496,6 +498,45 @@ export class Player {
this._trackIndex = index
this._playTrack()
}
private async _initMediaSession() {
console.log('init')
if ('mediaSession' in navigator === false) return
navigator.mediaSession.setActionHandler('play', () => this.play())
navigator.mediaSession.setActionHandler('pause', () => this.pause())
navigator.mediaSession.setActionHandler('previoustrack', () =>
this.prevTrack()
)
navigator.mediaSession.setActionHandler('nexttrack', () => this.nextTrack())
navigator.mediaSession.setActionHandler('seekto', event => {
if (event.seekTime) this.progress = event.seekTime
})
}
private async _updateMediaSessionMetaData() {
if ('mediaSession' in navigator === false || !this.track) return
const track = this.track
const metadata = {
title: track.name,
artist: track.ar.map(a => a.name).join(', '),
album: track.al.name,
artwork: [
{
src: track.al.picUrl + '?param=256y256',
type: 'image/jpg',
sizes: '256x256',
},
{
src: track.al.picUrl + '?param=512y512',
type: 'image/jpg',
sizes: '512x512',
},
],
length: this.progress,
trackId: track.id,
}
navigator.mediaSession.metadata = new window.MediaMetadata(metadata)
}
}
if (import.meta.env.DEV) {