okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

equalizer

Browse source
This commit is contained in:
vapormusic 2022-01-26 10:48:06 +07:00
parent f3a7309175
commit 07118197c9
7 changed files with 242 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

108
src/renderer/views/components/equalizer.ejs Normal file
View file

@ -0,0 +1,108 @@
<script type="text/x-template" id="eq-view">
<div class="modal-fullscreen equalizer-panel">
<div class="modal-window" >
<div class="modal-header">
<div class="modal-title">{{$root.getLz('term.equalizer')}}</div>
<button class="close-btn" @click="close()"></button>
</div>
<div class="modal-content">
<!-- BANDS = [60, 170, 310, 600, 1000, 3000, 6000, 12000, 14000, 16000]; -->
<div class="inputs-container">
<div class="input-container">
{{app.cfg.audio.equalizer['60']}}
<input type="range" class="eq-slider" orient="vertical" min="-12" max="12" step="0.1" v-model="app.cfg.audio.equalizer['60']" @change="changeGain('60')">
60
</div>
<div class="input-container">
{{app.cfg.audio.equalizer['170']}}
<input type="range" class="eq-slider" orient="vertical" min="-12" max="12" step="0.1" v-model="app.cfg.audio.equalizer['170']" @change="changeGain('170')">
170
</div>
<div class="input-container">
{{app.cfg.audio.equalizer['310']}}
<input type="range" class="eq-slider" orient="vertical" min="-12" max="12" step="0.1" v-model="app.cfg.audio.equalizer['310']" @change="changeGain('310')">
310
</div>
<div class="input-container">
{{app.cfg.audio.equalizer['600']}}
<input type="range" class="eq-slider" orient="vertical" min="-12" max="12" step="0.1" v-model="app.cfg.audio.equalizer['600']" @change="changeGain('600')">
600
</div>
<div class="input-container">
{{app.cfg.audio.equalizer['1000']}}
<input type="range" class="eq-slider" orient="vertical" min="-12" max="12" step="0.1" v-model="app.cfg.audio.equalizer['1000']" @change="changeGain('1000')">
1000
</div>
<div class="input-container">
{{app.cfg.audio.equalizer['3000']}}
<input type="range" class="eq-slider" orient="vertical" min="-12" max="12" step="0.1" v-model="app.cfg.audio.equalizer['3000']" @change="changeGain('3000')">
3000
</div>
<div class="input-container">
{{app.cfg.audio.equalizer['6000']}}
<input type="range" class="eq-slider" orient="vertical" min="-12" max="12" step="0.1" v-model="app.cfg.audio.equalizer['6000']" @change="changeGain('6000')">
6000
</div>
<div class="input-container">
{{app.cfg.audio.equalizer['12000']}}
<input type="range" class="eq-slider" orient="vertical" min="-12" max="12" step="0.1" v-model="app.cfg.audio.equalizer['12000']" @change="changeGain('12000')">
12000
</div>
<div class="input-container">
{{app.cfg.audio.equalizer['14000']}}
<input type="range" class="eq-slider" orient="vertical" min="-12" max="12" step="0.1" v-model="app.cfg.audio.equalizer['14000']" @change="changeGain('14000')">
14000
</div>
<div class="input-container">
{{app.cfg.audio.equalizer['16000']}}
<input type="range" class="eq-slider" orient="vertical" min="-12" max="12" step="0.1" v-model="app.cfg.audio.equalizer['16000']" @change="changeGain('16000')">
16000
</div>
</div>
</br>
<div class="reset-button md-btn" @click="resetGain()">{{$root.getLz('term.reset')}}</div>
</div>
</div>
</div>
</script>
<script>
Vue.component('eq-view', {
template: '#eq-view',
data: function () {
return {
app: this.$root,
}
},
props: ["src", "url"],
mounted() {
},
methods: {
close() {
app.resetState()
},
changeGain(i) {
CiderAudio.audioNodes.audioBands[i].gain.value = app.cfg.audio.equalizer[i]
},
resetGain(){
this.app.cfg.audio.equalizer = {
'60' : 0,
'170': 0 ,
'310': 0 ,
'600': 0 ,
'1000': 0 ,
'3000': 0 ,
'6000': 0 ,
'12000': 0 ,
'14000': 0 ,
'16000': 0 ,
}
for (var i in this.app.cfg.audio.equalizer){
this.changeGain(i)
}
}
}
});
</script>

10
src/renderer/views/main.ejs
View file

@ -264,6 +264,10 @@
</div>
</div>
</button>
<button class="usermenu-item" v-if="cfg.advanced.AudioContext"
@click="modals.equalizer = true">
{{$root.getLz('term.equalizer')}}
</button>
<button class="usermenu-item" v-if="cfg.advanced.AudioContext && cfg.audio.spatial"
@click="modals.spatialProperties = true">
{{$root.getLz('term.spacializedAudioSetting')}}
@ -619,6 +623,9 @@
<transition name="modal">
<spatial-properties v-if="modals.spatialProperties"></spatial-properties>
</transition>
<transition name="modal">
<eq-view v-if="modals.equalizer"></eq-view>
</transition>
<transition name="modal">
<qrcode-modal v-if="modals.qrcode" :src="webremoteqr" :url="webremoteurl"></qrcode-modal>
</transition>
@ -730,6 +737,9 @@
<!-- QRCode Modal -->
<%- include('components/qrcode-modal')
%>
<!-- Equalizer -->
<%- include('components/equalizer')
%>
<!-- Add to playlist -->
<%- include('components/add-to-playlist')
%>