test

components/common/audio/index.vue

@@ -53,7 +53,7 @@ export default {
     },
     volumeMachine() {},
     volumeBg(value) {
-      this.bgAudio.volume = value / 100
+      this.bgAudio.volume = 0.1
     },
     volumeButton(value) {
       this.uiClickAudio.volume = value / 100
@@ -64,10 +64,13 @@ export default {
   },
   methods: {
     init() {
+      this.bgAudio = document.getElementById('bgAudio')
+      this.uiClickAudio = document.getElementById('buttonAudio')
       console.log('初始化音频')
-      this.bgAudio.src = 'https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/sound/Innovation.mp3' // 背景音乐
+      console.log('this.bgAudio', this.bgAudio)
+      // this.bgAudio.src = 'https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/sound/Innovation.mp3' // 背景音乐
       this.bgAudio.loop = true
-      this.uiClickAudio.src = 'https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/sound/ui_click.mp3' // 通用ui点击音乐
+      // this.uiClickAudio.src = 'https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/sound/ui_click.mp3' // 通用ui点击音乐
       this.bgAudio.volume = this.volumeBg / 100
       this.uiClickAudio.volume = this.volumeButton / 100
     },

components/dialog/audio/index.vue

@@ -4,6 +4,8 @@
     width="542px"
     height="450px"
   >
+    <audio id="bgAudio" ref="bgAudio" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/sound/Innovation.mp3" />
+    <audio id="buttonAudio" ref="buttonAudio" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/sound/ui_click.mp3" />
     <img v-audio class="close btn" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Rectangle%201175%20copy.png" alt="" @click="visible = false">
     <div class="bg"/>
     <div class="content">