支持内嵌音频

jooooock · Sep 26, 2024 · f4ecaa7 · f4ecaa7
1 parent e7a1f76
commit f4ecaa7
Show file tree

Hide file tree

Showing 2 changed files with 121 additions and 1 deletion.
diff --git a/public/custom-elements/mp-common-mpaudio.js b/public/custom-elements/mp-common-mpaudio.js
@@ -208,9 +208,17 @@ class MpCommonMpaudio extends HTMLElement {
         const audio = this.shadow.querySelector('audio')
         audio.src = 'https://res.wx.qq.com/voice/getvoice?mediaid=' + this.fileid
 
+        audio.addEventListener('play', () => {
+            this.shadow.querySelector('#audio_progress_bar').style.display = 'block'
+            this.shadow.querySelector('.js_duration1').style.display = 'none'
+            this.shadow.querySelector('.js_duration2').style.display = 'block'
+        })
         audio.addEventListener('ended', () => {
             this.stopped = true
             this.playing = false
+            this.shadow.querySelector('#audio_progress_bar').style.display = 'none'
+            this.shadow.querySelector('.js_duration1').style.display = 'block'
+            this.shadow.querySelector('.js_duration2').style.display = 'none'
         })
         audio.addEventListener('timeupdate', () => {
             this.shadow.querySelector('.js_duration2 .start').textContent = formatTimeGap(Math.round(audio.currentTime))

diff --git a/utils/index.ts b/utils/index.ts