diff --git a/web/app/components/base/audio-btn/__tests__/audio.spec.ts b/web/app/components/base/audio-btn/__tests__/audio.spec.ts
index 85ce6763afa..ca76aab3a0c 100644
--- a/web/app/components/base/audio-btn/__tests__/audio.spec.ts
+++ b/web/app/components/base/audio-btn/__tests__/audio.spec.ts
@@ -20,7 +20,7 @@ vi.mock('@/service/share', () => ({
   textToAudioStream: (...args: unknown[]) => mockTextToAudioStream(...args),
 }))
 
-type AudioEventName = 'ended' | 'paused' | 'loaded' | 'play' | 'timeupdate' | 'loadeddate' | 'canplay' | 'error' | 'sourceopen'
+type AudioEventName = 'ended' | 'pause' | 'play' | 'timeupdate' | 'loadeddata' | 'canplay' | 'error' | 'sourceopen'
 
 type AudioEventListener = () => void
 
@@ -285,10 +285,9 @@ describe('AudioPlayer', () => {
       audio!.emit('play')
       audio!.emit('ended')
       audio!.emit('error')
-      audio!.emit('paused')
-      audio!.emit('loaded')
+      audio!.emit('pause')
+      audio!.emit('loadeddata')
       audio!.emit('timeupdate')
-      audio!.emit('loadeddate')
       audio!.emit('canplay')
 
       expect(player.callback).toBe(callback)
diff --git a/web/app/components/base/audio-btn/audio.ts b/web/app/components/base/audio-btn/audio.ts
index 9d524640fa9..5d3e0b32f72 100644
--- a/web/app/components/base/audio-btn/audio.ts
+++ b/web/app/components/base/audio-btn/audio.ts
@@ -66,10 +66,10 @@ export default class AudioPlayer {
       this.audio.addEventListener('ended', () => {
         callback('ended')
       }, false)
-      this.audio.addEventListener('paused', () => {
+      this.audio.addEventListener('pause', () => {
         callback('paused')
       }, true)
-      this.audio.addEventListener('loaded', () => {
+      this.audio.addEventListener('loadeddata', () => {
         callback('loaded')
       }, true)
       this.audio.addEventListener('play', () => {
@@ -78,7 +78,7 @@ export default class AudioPlayer {
       this.audio.addEventListener('timeupdate', () => {
         callback('timeupdate')
       }, true)
-      this.audio.addEventListener('loadeddate', () => {
+      this.audio.addEventListener('loadeddata', () => {
         callback('loadeddate')
       }, true)
       this.audio.addEventListener('canplay', () => {