使用JS方法实现客户端广告插入

import { VideoPlayer, KeplerVideoSurfaceView } from '@amazon-devices/react-native-w3cmedia';

// 播放器引用
const videoPlayer = useRef<VideoPlayer | null>(null);       // 主内容播放器（已初始化）
const adVideoPlayer = useRef<VideoPlayer | null>(null);     // 广告播放器
const cachedSurface = useRef<any>(null);                    // 共享展示位句柄

const onAdReady = () => {
  // 广告已缓冲 — 等待预定的广告开始时间
  // 当位置侦听器检测到广告开始时间已到时：
  videoPlayer.current?.pause();
};

videoPlayer.current.addEventListener('pause', () => {
  // 清理主播放器展示位并分配给广告播放器
  videoPlayer.current?.clearSurfaceHandle(cachedSurface.current);
  adVideoPlayer.current?.setSurfaceHandle(cachedSurface.current);
  adVideoPlayer.current?.play();
});

const onAdEnded = async () => {
  adVideoPlayer.current?.clearSurfaceHandle(cachedSurface.current);
  videoPlayer.current?.setSurfaceHandle(cachedSurface.current);
  videoPlayer.current?.play();
  await adVideoPlayer.current?.deinitialize();
  adVideoPlayer.current = null;
};

const cleanup = async () => {
  if (adVideoPlayer.current) {
    await adVideoPlayer.current.deinitialize();
    adVideoPlayer.current = null;
  }
  // 主播放器清理工作通过您现有的拆解逻辑处理
};