@quicktvui/web-renderer 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quicktvui/web-renderer",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Web renderer for QuickTVUI - provides web browser rendering support",
   "author": "QuickTVUI Team",
   "license": "Apache-2.0",
@@ -21,4 +21,4 @@
   "peerDependencies": {
     "vue": "^3.0.0"
   }
-}
+}

package/src/components/QtBaseComponent.js

@@ -1,25 +1,16 @@
 /**
  * QtBaseComponent - Base class for all QuickTV UI components
- * Provides common property handling (visible, visibility, etc.)
+ * Provides common property handling (visible, visibility, showOnState, etc.)
  */
 import { HippyWebView } from '@hippy/web-renderer'
 
-/**
- * Visibility enum values
- * @typedef {'visible' | 'invisible' | 'gone'} QTVisibility
- */
-
 export class QtBaseComponent extends HippyWebView {
   constructor(context, id, pId) {
     super(context, id, pId)
-    // Store original display value for visibility toggle
     this._originalDisplay = undefined
+    this._showOnState = null
   }
 
-  /**
-   * Override updateProperty to handle common properties first
-   * Subclasses should call super.updateProperty(key, value) for unhandled properties
-   */
   updateProperty(key, value) {
     if (key === 'type' && this.dom) {
       if (value !== null && value !== undefined && value !== '') {
@@ -37,12 +28,6 @@ export class QtBaseComponent extends HippyWebView {
     super.updateProperty(key, value)
   }
 
-  /**
-   * Handle common properties
-   * @param {string} key - Property name
-   * @param {*} value - Property value
-   * @returns {boolean} - True if handled
-   */
   _handleCommonProperty(key, value) {
     switch (key) {
       case 'visible':
@@ -54,7 +39,6 @@ export class QtBaseComponent extends HippyWebView {
         return true
 
       case 'autofocus':
-        // 将 autofocus 属性设置到 DOM 元素上，供 TVFocusManager 识别
         if (value === true || value === 'true' || value === 1 || value === '1') {
           this.dom.setAttribute('autofocus', 'true')
         } else {
@@ -63,7 +47,6 @@ export class QtBaseComponent extends HippyWebView {
         return true
 
       case 'name':
-        // 存储 name 属性到组件实例和 DOM 上，用于子组件查找
         this.props = this.props || {}
         this.props.name = value
         if (value) {
@@ -73,39 +56,26 @@ export class QtBaseComponent extends HippyWebView {
         }
         return true
 
+      case 'showOnState':
+        this._setShowOnState(value)
+        return true
+
       default:
         return false
     }
   }
 
-  /**
-   * Set component visibility via boolean
-   * @param {boolean} visible - true to show, false to hide
-   */
   _setVisible(visible) {
     if (visible === true) {
-      // Restore original display value if saved
       if (this._originalDisplay !== undefined) {
         this.dom.style.display = this._originalDisplay
       } else {
-        // In Hippy, all elements default to flex layout
-        // Check if the element has flex properties and set display: flex accordingly
         const style = this.dom.style
-        const hasFlexProperties =
-          style.flexDirection ||
-          style.justifyContent ||
-          style.alignItems ||
-          style.flexWrap ||
-          style.flexGrow ||
-          style.flexShrink
-
-        // Default to 'flex' for Hippy compatibility, unless display is already set
         if (!style.display || style.display === 'none') {
-          style.display = hasFlexProperties ? 'flex' : 'flex'
+          style.display = 'flex'
         }
       }
     } else {
-      // Save current display value before hiding
       if (this._originalDisplay === undefined) {
         const currentDisplay = this.dom.style.display
         if (currentDisplay && currentDisplay !== 'none') {
@@ -116,19 +86,12 @@ export class QtBaseComponent extends HippyWebView {
     }
   }
 
-  /**
-   * Set component visibility via enum
-   * @param {QTVisibility} visibility - 'visible' | 'invisible' | 'gone'
-   */
   _setVisibility(visibility) {
     switch (visibility) {
       case 'visible':
-        // Restore display and ensure visibility
         if (this._originalDisplay !== undefined) {
           this.dom.style.display = this._originalDisplay
         } else {
-          // In Hippy, all elements default to flex layout
-          // Default to 'flex' for Hippy compatibility
           const style = this.dom.style
           if (!style.display || style.display === 'none') {
             style.display = 'flex'
@@ -138,12 +101,10 @@ export class QtBaseComponent extends HippyWebView {
         break
 
       case 'invisible':
-        // Hidden but takes space
         this.dom.style.visibility = 'hidden'
         break
 
       case 'gone':
-        // Completely hidden, doesn't take space
         if (this._originalDisplay === undefined) {
           const currentDisplay = this.dom.style.display
           if (currentDisplay && currentDisplay !== 'none') {
@@ -158,19 +119,91 @@ export class QtBaseComponent extends HippyWebView {
     }
   }
 
-  /**
-   * Public method to set visibility via boolean
-   * @param {boolean} visible - true to show, false to hide
-   */
+  _setShowOnState(value) {
+    if (value === null || value === undefined) {
+      this._showOnState = null
+      this.dom.removeAttribute('showOnState')
+      this.dom.style.display = ''
+      return
+    }
+
+    this._showOnState = value
+
+    if (Array.isArray(value)) {
+      this.dom.setAttribute('showOnState', JSON.stringify(value))
+    } else {
+      this.dom.setAttribute('showOnState', String(value))
+    }
+
+    this._initShowOnStateVisibility()
+  }
+
+  _initShowOnStateVisibility() {
+    if (!this._showOnState) return
+
+    const focusedParent = this.dom.closest('.focused')
+    const selectedParent = this.dom.closest('[selected="true"], [selected=""]')
+
+    let currentState = 'normal'
+    if (focusedParent) {
+      currentState = 'focused'
+    } else if (selectedParent) {
+      currentState = 'selected'
+    }
+
+    this._applyShowOnState(currentState)
+  }
+
+  _applyShowOnState(state) {
+    if (!this._showOnState) return
+
+    const states = this._parseShowOnState(this._showOnState)
+    const shouldShow = states.includes(state.toLowerCase())
+
+    if (shouldShow) {
+      if (this._originalDisplay !== undefined) {
+        this.dom.style.display = this._originalDisplay
+      } else {
+        this.dom.style.display = ''
+      }
+    } else {
+      if (this._originalDisplay === undefined) {
+        const currentDisplay = this.dom.style.display
+        if (currentDisplay && currentDisplay !== 'none') {
+          this._originalDisplay = currentDisplay
+        }
+      }
+      this.dom.style.display = 'none'
+    }
+  }
+
+  _parseShowOnState(value) {
+    if (Array.isArray(value)) {
+      return value.map((s) => String(s).toLowerCase())
+    }
+
+    if (typeof value === 'string') {
+      try {
+        const parsed = JSON.parse(value)
+        if (Array.isArray(parsed)) {
+          return parsed.map((s) => String(s).toLowerCase())
+        }
+      } catch (e) {}
+      return [value.toLowerCase()]
+    }
+
+    return []
+  }
+
   setVisible(visible) {
     this._setVisible(visible)
   }
 
-  /**
-   * Public method to set visibility via enum
-   * @param {QTVisibility} visibility - 'visible' | 'invisible' | 'gone'
-   */
   setVisibility(visibility) {
     this._setVisibility(visibility)
   }
+
+  setShowOnState(value) {
+    this._setShowOnState(value)
+  }
 }

package/src/core/TVFocusManager.js

@@ -2,6 +2,7 @@
 // Handles keyboard arrow keys for TV-style focus navigation
 
 import { syncDomAutoWidthIn } from './templateBinding'
+import { sendKeyDownEvent, sendKeyUpEvent, sendHardwareBackPress } from './nativeEventDispatcher'
 
 const DEBUG = false
 
@@ -566,16 +567,10 @@ export class TVFocusManager {
 
   _dispatchPageKeyDown(e) {
     const keyEvent = this._toESKeyEvent(e)
-    // action: 0 = keydown, 1 = keyup
-    keyEvent.action = 0
 
     // 模拟 Android 平台发送 DispatchKeyEvent
-    try {
-      const { EventBus } = require('@extscreen/es3-vue')
-      if (EventBus && EventBus.$emit) {
-        EventBus.$emit('DispatchKeyEvent', keyEvent)
-      }
-    } catch (err) {
+    const sent = sendKeyDownEvent(keyEvent)
+    if (!sent) {
       // fallback to direct method call
       this._callCurrentPageMethod('onKeyDown', keyEvent)
     }
@@ -583,16 +578,10 @@ export class TVFocusManager {
 
   _dispatchPageKeyUp(e) {
     const keyEvent = this._toESKeyEvent(e)
-    // action: 0 = keydown, 1 = keyup
-    keyEvent.action = 1
 
     // 模拟 Android 平台发送 DispatchKeyEvent
-    try {
-      const { EventBus } = require('@extscreen/es3-vue')
-      if (EventBus && EventBus.$emit) {
-        EventBus.$emit('DispatchKeyEvent', keyEvent)
-      }
-    } catch (err) {
+    const sent = sendKeyUpEvent(keyEvent)
+    if (!sent) {
       // fallback to direct method call
       this._callCurrentPageMethod('onKeyUp', keyEvent)
     }
@@ -1876,18 +1865,8 @@ export class TVFocusManager {
     console.log('[TVFocusManager] dispatchBackPressed called - emitting hardwareBackPress event')
 
     // 模拟 Android 平台的硬件返回按键事件
-    // 通过 EventBus 发射 hardwareBackPress 事件
     // ESCore 监听此事件并调用 router.back()
-    try {
-      // 从 es3-vue 动态获取 EventBus（避免模块级别导入问题）
-      const { EventBus } = require('@extscreen/es3-vue')
-      if (EventBus && EventBus.$emit) {
-        console.log('[TVFocusManager] Emitting hardwareBackPress event')
-        EventBus.$emit('hardwareBackPress')
-      }
-    } catch (err) {
-      console.error('[TVFocusManager] Error emitting hardwareBackPress:', err)
-    }
+    sendHardwareBackPress()
   }
 
   // Focus direction constants (matching QTFocusDirection enum)

package/src/core/index.js

@@ -6,3 +6,4 @@ export * from './patches'
 export * from './TVFocusManager'
 export * from './autoProxy'
 export * from './asyncLocalStorage'
+export * from './nativeEventDispatcher'

package/src/core/nativeEventDispatcher.js

@@ -0,0 +1,94 @@
+/**
+ * Native Event Dispatcher
+ * 封装原生事件发送功能，使用 EventDispatcher.receiveNativeEvent 发送事件到原生端
+ */
+
+/**
+ * 获取 EventDispatcher 实例
+ * @returns {Object|null} EventDispatcher 实例
+ */
+function getEventDispatcher() {
+  try {
+    const jsModuleList = global.__GLOBAL__?.jsModuleList
+    if (!jsModuleList || !jsModuleList.EventDispatcher) {
+      console.warn('[NativeEventDispatcher] EventDispatcher not available in jsModuleList')
+      return null
+    }
+    return jsModuleList.EventDispatcher
+  } catch (err) {
+    console.error('[NativeEventDispatcher] Error getting EventDispatcher:', err)
+    return null
+  }
+}
+
+/**
+ * 发送原生事件
+ * @param {string} eventName - 事件名称
+ * @param {any} eventData - 事件数据，可以是 null 或任意对象
+ * @returns {boolean} 是否发送成功
+ */
+export function sendNativeEvent(eventName, eventData = null) {
+  const eventDispatcher = getEventDispatcher()
+  if (!eventDispatcher) {
+    return false
+  }
+
+  try {
+    // 事件格式: [eventName, eventData]
+    eventDispatcher.receiveNativeEvent([eventName, eventData])
+    return true
+  } catch (err) {
+    console.error(`[NativeEventDispatcher] Error sending event "${eventName}":`, err)
+    return false
+  }
+}
+
+/**
+ * 发送硬件返回按键事件
+ * @returns {boolean} 是否发送成功
+ */
+export function sendHardwareBackPress() {
+  return sendNativeEvent('hardwareBackPress', null)
+}
+
+/**
+ * 发送按键事件
+ * @param {Object} keyEvent - 按键事件对象
+ * @returns {boolean} 是否发送成功
+ */
+export function sendKeyEvent(keyEvent) {
+  return sendNativeEvent('DispatchKeyEvent', keyEvent)
+}
+
+/**
+ * 发送键盘按下事件
+ * @param {Object} keyEvent - 按键事件对象
+ * @returns {boolean} 是否发送成功
+ */
+export function sendKeyDownEvent(keyEvent) {
+  return sendKeyEvent({
+    ...keyEvent,
+    action: 0, // 0 = keydown
+  })
+}
+
+/**
+ * 发送键盘释放事件
+ * @param {Object} keyEvent - 按键事件对象
+ * @returns {boolean} 是否发送成功
+ */
+export function sendKeyUpEvent(keyEvent) {
+  return sendKeyEvent({
+    ...keyEvent,
+    action: 1, // 1 = keyup
+  })
+}
+
+// 默认导出
+export default {
+  sendNativeEvent,
+  sendHardwareBackPress,
+  sendKeyEvent,
+  sendKeyDownEvent,
+  sendKeyUpEvent,
+}

package/src/index.js

@@ -13,7 +13,7 @@ import {
   applyAllPatches,
   TVFocusManager,
   initAutoProxy,
-  initAsyncLocalStorage
+  initAsyncLocalStorage,
 } from './core'
 
 // Create component registry for web renderer

package/src/modules/ESIJKAudioPlayerModule.js

@@ -2,6 +2,7 @@
 // Uses HTML5 Audio API to implement audio playback
 
 import { resolveAddon, createModuleInit } from '../core/moduleUtils'
+import { sendNativeEvent } from '../core/nativeEventDispatcher'
 
 // Player states (matching native ESPlayerState)
 const ESPlayerState = {
@@ -38,34 +39,6 @@ const ESPlayerState = {
   ES_PLAYER_STATE_INITIALIZE_ERROR: 30,
 }
 
-// Get EventBus lazily
-let _eventBus = null
-function getEventBus() {
-  if (!_eventBus) {
-    try {
-      const esVue = require('@extscreen/es3-vue')
-      if (esVue && esVue.EventBus) {
-        _eventBus = esVue.EventBus
-      }
-    } catch (e) {
-      console.warn('[ESIJKAudioPlayerModule] EventBus not available:', e.message)
-    }
-  }
-  return _eventBus
-}
-
-// Dispatch event to EventBus
-function dispatchEvent(eventName, data) {
-  const eventBus = getEventBus()
-  if (eventBus && eventBus.$emit) {
-    eventBus.$emit(eventName, data)
-  }
-  // Also dispatch custom event for global listeners
-  if (typeof window !== 'undefined') {
-    window.dispatchEvent(new CustomEvent(eventName, { detail: data }))
-  }
-}
-
 // Audio instance manager
 class AudioPlayerManager {
   constructor() {
@@ -95,7 +68,7 @@ class AudioPlayerManager {
     audio.addEventListener('play', () => {
       if (currentState !== ESPlayerState.ES_PLAYER_STATE_PLAYING) {
         currentState = ESPlayerState.ES_PLAYER_STATE_PLAYING
-        dispatchEvent('onESAudioPlayerStatusChanged', {
+        sendNativeEvent('onESAudioPlayerStatusChanged', {
           playerStatus: ESPlayerState.ES_PLAYER_STATE_PLAYING,
           playerState: ESPlayerState.ES_PLAYER_STATE_PLAYING,
         })
@@ -106,7 +79,7 @@ class AudioPlayerManager {
     audio.addEventListener('playing', () => {
       if (currentState !== ESPlayerState.ES_PLAYER_STATE_PLAYING) {
         currentState = ESPlayerState.ES_PLAYER_STATE_PLAYING
-        dispatchEvent('onESAudioPlayerStatusChanged', {
+        sendNativeEvent('onESAudioPlayerStatusChanged', {
           playerStatus: ESPlayerState.ES_PLAYER_STATE_PLAYING,
           playerState: ESPlayerState.ES_PLAYER_STATE_PLAYING,
         })
@@ -116,7 +89,7 @@ class AudioPlayerManager {
     // Pause event
     audio.addEventListener('pause', () => {
       currentState = ESPlayerState.ES_PLAYER_STATE_PAUSED
-      dispatchEvent('onESAudioPlayerStatusChanged', {
+      sendNativeEvent('onESAudioPlayerStatusChanged', {
         playerStatus: ESPlayerState.ES_PLAYER_STATE_PAUSED,
         playerState: ESPlayerState.ES_PLAYER_STATE_PAUSED,
       })
@@ -126,7 +99,7 @@ class AudioPlayerManager {
     audio.addEventListener('ended', () => {
       currentState = ESPlayerState.ES_PLAYER_STATE_PLAYBACK_COMPLETED
       hasPrepared = true // Prevent canplay from sending PREPARED again
-      dispatchEvent('onESAudioPlayerStatusChanged', {
+      sendNativeEvent('onESAudioPlayerStatusChanged', {
         playerStatus: ESPlayerState.ES_PLAYER_STATE_PLAYBACK_COMPLETED,
         playerState: ESPlayerState.ES_PLAYER_STATE_PLAYBACK_COMPLETED,
       })
@@ -135,7 +108,7 @@ class AudioPlayerManager {
     // Error event
     audio.addEventListener('error', (e) => {
       currentState = ESPlayerState.ES_PLAYER_STATE_ERROR
-      dispatchEvent('onESAudioPlayerError', {
+      sendNativeEvent('onESAudioPlayerError', {
         errorCode: e.target.error?.code || -1,
         errorMessage: e.target.error?.message || 'Audio error',
       })
@@ -145,7 +118,7 @@ class AudioPlayerManager {
     audio.addEventListener('loadstart', () => {
       hasPrepared = false
       currentState = ESPlayerState.ES_PLAYER_STATE_PREPARING
-      dispatchEvent('onESAudioPlayerStatusChanged', {
+      sendNativeEvent('onESAudioPlayerStatusChanged', {
         playerStatus: ESPlayerState.ES_PLAYER_STATE_PREPARING,
         playerState: ESPlayerState.ES_PLAYER_STATE_PREPARING,
       })
@@ -156,7 +129,7 @@ class AudioPlayerManager {
       if (!hasPrepared) {
         hasPrepared = true
         currentState = ESPlayerState.ES_PLAYER_STATE_PREPARED
-        dispatchEvent('onESAudioPlayerStatusChanged', {
+        sendNativeEvent('onESAudioPlayerStatusChanged', {
           playerStatus: ESPlayerState.ES_PLAYER_STATE_PREPARED,
           playerState: ESPlayerState.ES_PLAYER_STATE_PREPARED,
         })
@@ -165,7 +138,7 @@ class AudioPlayerManager {
 
     // Waiting (buffering)
     audio.addEventListener('waiting', () => {
-      dispatchEvent('onESAudioPlayerStatusChanged', {
+      sendNativeEvent('onESAudioPlayerStatusChanged', {
         playerStatus: ESPlayerState.ES_PLAYER_STATE_BUFFER_START,
         playerState: ESPlayerState.ES_PLAYER_STATE_BUFFER_START,
       })
@@ -173,7 +146,7 @@ class AudioPlayerManager {
 
     // Can play through (buffer end)
     audio.addEventListener('canplaythrough', () => {
-      dispatchEvent('onESAudioPlayerStatusChanged', {
+      sendNativeEvent('onESAudioPlayerStatusChanged', {
         playerStatus: ESPlayerState.ES_PLAYER_STATE_BUFFER_END,
         playerState: ESPlayerState.ES_PLAYER_STATE_BUFFER_END,
       })
@@ -182,7 +155,7 @@ class AudioPlayerManager {
     // Duration change
     audio.addEventListener('durationchange', () => {
       if (audio.duration && !isNaN(audio.duration)) {
-        dispatchEvent('onESAudioPlayerInfo', {
+        sendNativeEvent('onESAudioPlayerInfo', {
           what: 1, // MEDIA_INFO_DURATION
           extra: Math.floor(audio.duration * 1000),
         })
@@ -191,14 +164,14 @@ class AudioPlayerManager {
 
     // Rate change
     audio.addEventListener('ratechange', () => {
-      dispatchEvent('onESAudioPlayRateChanged', {
+      sendNativeEvent('onESAudioPlayRateChanged', {
         playRate: audio.playbackRate,
       })
     })
 
     // Seeking
     audio.addEventListener('seeking', () => {
-      dispatchEvent('onESAudioPlayerStatusChanged', {
+      sendNativeEvent('onESAudioPlayerStatusChanged', {
         playerStatus: ESPlayerState.ES_PLAYER_STATE_SEEK_START,
         playerState: ESPlayerState.ES_PLAYER_STATE_SEEK_START,
       })
@@ -206,7 +179,7 @@ class AudioPlayerManager {
 
     // Seeked
     audio.addEventListener('seeked', () => {
-      dispatchEvent('onESAudioPlayerStatusChanged', {
+      sendNativeEvent('onESAudioPlayerStatusChanged', {
         playerStatus: ESPlayerState.ES_PLAYER_STATE_SEEK_COMPLETED,
         playerState: ESPlayerState.ES_PLAYER_STATE_SEEK_COMPLETED,
       })
@@ -214,7 +187,7 @@ class AudioPlayerManager {
 
     // Volume change
     audio.addEventListener('volumechange', () => {
-      dispatchEvent('onESAudioPlayerInfo', {
+      sendNativeEvent('onESAudioPlayerInfo', {
         what: 2, // MEDIA_INFO_VOLUME_CHANGED
         extra: Math.floor(audio.volume * 100),
       })
@@ -252,12 +225,12 @@ export class ESIJKAudioPlayerModule {
 
   async init(...args) {
     // Send initialized event
-    dispatchEvent('onESAudioPlayerStatusChanged', {
+    sendNativeEvent('onESAudioPlayerStatusChanged', {
       playerStatus: ESPlayerState.ES_PLAYER_STATE_PLAYER_INITIALIZED,
       playerState: ESPlayerState.ES_PLAYER_STATE_PLAYER_INITIALIZED,
     })
     // Send init success
-    dispatchEvent('onESAudioPlayerStatusChanged', {
+    sendNativeEvent('onESAudioPlayerStatusChanged', {
       playerStatus: ESPlayerState.ES_PLAYER_STATE_INITIALIZE_SUCCESS,
       playerState: ESPlayerState.ES_PLAYER_STATE_INITIALIZE_SUCCESS,
     })
@@ -266,12 +239,12 @@ export class ESIJKAudioPlayerModule {
 
   initMediaPlayer(...args) {
     // Send initialized event
-    dispatchEvent('onESAudioPlayerStatusChanged', {
+    sendNativeEvent('onESAudioPlayerStatusChanged', {
       playerStatus: ESPlayerState.ES_PLAYER_STATE_PLAYER_INITIALIZED,
       playerState: ESPlayerState.ES_PLAYER_STATE_PLAYER_INITIALIZED,
     })
     // Send init success
-    dispatchEvent('onESAudioPlayerStatusChanged', {
+    sendNativeEvent('onESAudioPlayerStatusChanged', {
       playerStatus: ESPlayerState.ES_PLAYER_STATE_INITIALIZE_SUCCESS,
       playerState: ESPlayerState.ES_PLAYER_STATE_INITIALIZE_SUCCESS,
     })
@@ -319,7 +292,7 @@ export class ESIJKAudioPlayerModule {
     if (autoplay && audio.src) {
       audio.play().catch((e) => {
         console.warn('[ESIJKAudioPlayerModule] play error:', e)
-        dispatchEvent('onESAudioPlayerError', {
+        sendNativeEvent('onESAudioPlayerError', {
           errorCode: -1,
           errorMessage: e.message || 'Play error',
         })
@@ -350,7 +323,7 @@ export class ESIJKAudioPlayerModule {
       console.warn('[ESIJKAudioPlayerModule] resume error:', e)
     })
     // Send resumed event
-    dispatchEvent('onESAudioPlayerStatusChanged', {
+    sendNativeEvent('onESAudioPlayerStatusChanged', {
       playerStatus: ESPlayerState.ES_PLAYER_STATE_RESUMED,
       playerState: ESPlayerState.ES_PLAYER_STATE_RESUMED,
     })
@@ -368,14 +341,14 @@ export class ESIJKAudioPlayerModule {
   stop(id, ...args) {
     const audio = audioManager.getInstance(id)
     // Send before stop event
-    dispatchEvent('onESAudioPlayerStatusChanged', {
+    sendNativeEvent('onESAudioPlayerStatusChanged', {
       playerStatus: ESPlayerState.ES_PLAYER_STATE_BEFORE_STOP,
       playerState: ESPlayerState.ES_PLAYER_STATE_BEFORE_STOP,
     })
     audio.pause()
     audio.currentTime = 0
     // Send stopped event
-    dispatchEvent('onESAudioPlayerStatusChanged', {
+    sendNativeEvent('onESAudioPlayerStatusChanged', {
       playerStatus: ESPlayerState.ES_PLAYER_STATE_STOP,
       playerState: ESPlayerState.ES_PLAYER_STATE_STOP,
     })
@@ -385,7 +358,7 @@ export class ESIJKAudioPlayerModule {
   setPlayRate(id, speed, ...args) {
     const audio = audioManager.getInstance(id)
     audio.playbackRate = Number(speed) || 1.0
-    dispatchEvent('onESAudioPlayRateChanged', {
+    sendNativeEvent('onESAudioPlayRateChanged', {
       playRate: audio.playbackRate,
     })
     return resolveAddon(args, null)