github
/
lx-music-desktop
mirror of https://github.com/lyswhut/lx-music-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

添加静音处理

pull/277/head
lyswhut 2020-06-25 15:18:56 +08:00
parent 93bab6bbdd
commit 0c3899840b
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/renderer/components/core/Player.vue
View File

@ -24,8 +24,9 @@ div(:class="$style.player")
div(:class="[$style.progressBar, $style.progressBar2, isActiveTransition ? $style.barTransition : '']" @transitionend="handleTransitionEnd" :style="{ transform: `scaleX(${progress || 0})` }") div(:class="[$style.progressBar, $style.progressBar2, isActiveTransition ? $style.barTransition : '']" @transitionend="handleTransitionEnd" :style="{ transform: `scaleX(${progress || 0})` }")
div(:class="$style.progressMask" @click='handleSetProgress' ref="dom_progress") div(:class="$style.progressMask" @click='handleSetProgress' ref="dom_progress")
div(:class="$style.column3") div(:class="$style.column3")
span {{nowPlayTimeStr}}
span(:class="$style.statusText") {{statusText}} span(:class="$style.statusText") {{statusText}}
span {{nowPlayTimeStr}}
span(style="margin: 0 5px;") /
span {{maxPlayTimeStr}} span {{maxPlayTimeStr}}
div(:class="$style.right") div(:class="$style.right")
div(:class="$style.playBtn" @click='handlePrev' :title="$t('core.player.next')" style="transform: rotate(180deg);") div(:class="$style.playBtn" @click='handlePrev' :title="$t('core.player.next')" style="transform: rotate(180deg);")
@ -80,7 +81,7 @@ export default {
maxPlayTime: 0, maxPlayTime: 0,
isPlay: false, isPlay: false,
status: '', status: '',
statusText: '^-^', statusText: '',
musicInfo: { musicInfo: {
songmid: null, songmid: null,
img: null, img: null,
@ -625,6 +626,10 @@ export default {
// console.log(val) // console.log(val)
if (audio) audio.volume = this.volume if (audio) audio.volume = this.volume
}, },
handleSetVolumeMute() {
audio.muted = !audio.muted
this.setVolume(audio.muted)
},
handleVolumeMsUp(e) { handleVolumeMsUp(e) {
this.volumeEvent.isMsDown = false this.volumeEvent.isMsDown = false
}, },
@ -806,6 +811,7 @@ export default {
fill: currentColor; fill: currentColor;
} }
img { img {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
transition: @transition-theme; transition: @transition-theme;
@ -1001,9 +1007,9 @@ export default {
transition-property: color; transition-property: color;
color: @color-player-status-text; color: @color-player-status-text;
.mixin-ellipsis-1; .mixin-ellipsis-1;
padding: 0 5px; // padding: 0 5px;
flex: 1 1 0; flex: 1 1 0;
text-align: center; // text-align: center;
line-height: 1.2; line-height: 1.2;
width: 0; width: 0;
} }

4
src/renderer/store/mutations.js
View File

@ -43,7 +43,11 @@ export default {
state.setting.ignoreVersion = version state.setting.ignoreVersion = version
}, },
setVolume(state, val) { setVolume(state, val) {
if (typeof val == 'boolean') {
state.setting.player.isMute = val
} else {
state.setting.player.volume = val state.setting.player.volume = val
}
}, },
setMediaDeviceId(state, val) { setMediaDeviceId(state, val) {
state.setting.player.mediaDeviceId = val state.setting.player.mediaDeviceId = val