third-party-mirrors/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2025-04-15 03:30:39 +03:00
Code Issues Packages Projects Releases Wiki Activity

Set volume to 100% when web player is in mobile mode.

Browse Source 
Fix #1429
This commit is contained in:
Deluan 2021-11-19 19:44:59 -05:00
parent ce7940bbfc
commit 3e282df639
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui/src/audioplayer/Player.js
View File

@ -1,4 +1,4 @@
import React, { useCallback, useMemo, useState } from 'react'
import React, { useCallback, useEffect, useMemo, useState } from 'react'
import { useDispatch, useSelector } from 'react-redux'
import { useMediaQuery } from '@material-ui/core'
import { ThemeProvider } from '@material-ui/core/styles'
@ -36,6 +36,9 @@ const Player = () => {
const [preloaded, setPreload] = useState(false)
const [audioInstance, setAudioInstance] = useState(null)
const isDesktop = useMediaQuery('(min-width:810px)')
const isMobilePlayer = useMediaQuery(
'(max-width: 768px) and (orientation : portrait)'
)
const { authenticated } = useAuthState()
const visible = authenticated && playerState.queue.length > 0
const classes = useStyle({
@ -86,9 +89,9 @@ const Player = () => {
autoPlay: playerState.clear || playerState.playIndex === 0,
clearPriorAudioLists: playerState.clear,
extendsContent: <PlayerToolbar id={current.trackId} />,
defaultVolume: playerState.volume,
defaultVolume: isMobilePlayer ? 1 : playerState.volume,
}
}, [playerState, defaultOptions])
}, [playerState, defaultOptions, isMobilePlayer])
const onAudioListsChange = useCallback(
(_, audioLists, audioInfo) => dispatch(syncQueue(audioInfo, audioLists)),
@ -215,6 +218,12 @@ const Player = () => {
[audioInstance, playerState]
)
useEffect(() => {
if (isMobilePlayer && audioInstance) {
audioInstance.volume = 1
}
}, [isMobilePlayer, audioInstance])
return (
<ThemeProvider theme={createMuiTheme(theme)}>
<ReactJkMusicPlayer