Cast Receiver App(V2)二次播放视频时触发PlatformChannel Already open错误求助

这个问题我之前做Cast Receiver开发时也踩过坑，核心原因是Cast Receiver的核心组件（比如CastReceiverManager）是单例设计，如果你每次播放都重复初始化并调用start()，就会导致WebSocket通道被重复打开，触发这个报错。另外你之前卸载重新加载播放器的方式，并没有正确清理旧的Host和Player实例，残留的资源会和新实例产生冲突。

给你几个针对性的解决方案：

1. 复用CastReceiverManager，避免重复初始化 #

CastReceiverManager是全局单例，整个应用生命周期只需要初始化并启动一次，完全不需要每次播放都重新创建和调用start()——重复启动就是触发通道冲突的主要元凶。

2. 切换视频前强制清理旧的播放实例 #

每次播放新视频前，必须先停止旧播放器，销毁旧的Host和Player对象，彻底释放相关资源，再创建新实例。

修改后的示例代码 #

// 全局保存实例，避免重复初始化
let receiverManager;
let currentPlayer;
let currentHost;

// 初始化接收器（整个应用只执行一次）
function initReceiver() {
  if (!receiverManager) {
    receiverManager = cast.receiver.CastReceiverManager.getInstance();
    
    // 可以添加全局监听，比如会话断开时自动清理资源
    receiverManager.onSenderDisconnected = () => {
      cleanupPlayback();
    };
    
    // 启动接收器（仅调用一次）
    receiverManager.start();
  }
}

// 启动新视频播放的函数
function startNewPlayback(source) {
  // 先清理上一次的播放资源
  cleanupPlayback();
  
  // 确保接收器已初始化
  initReceiver();
  
  // 创建新的Host实例
  currentHost = new cast.player.api.Host({
    'mediaElement': this.refs.video,
    'url': source
  });
  
  // 错误处理：发生错误时也自动清理资源
  currentHost.onError = (error) => {
    console.error('播放错误:', error);
    cleanupPlayback();
  };
  
  // 创建新的Player并加载媒体
  currentPlayer = new cast.player.api.Player(currentHost);
  // 根据你的媒体类型设置ContentType，比如HLS/MP4
  currentPlayer.load(cast.player.api.ContentType.HLS);
}

// 清理播放资源的工具函数
function cleanupPlayback() {
  if (currentPlayer) {
    // 停止播放器
    currentPlayer.stop();
    // 销毁实例
    currentPlayer = null;
  }
  if (currentHost) {
    currentHost = null;
  }
  // 注意：不要随便调用receiverManager.stop()，除非你要关闭整个接收器应用
}

关键注意点 #

• 永远不要重复调用receiverManager.start()，整个应用启动一次就足够。
• 每次切换视频时，必须先执行cleanupPlayback()清理旧实例，再创建新的Host和Player。
• 放弃卸载重新加载播放器的方式，内存中直接清理实例更高效，也能彻底避免通道冲突问题。

内容的提问来源于stack exchange，提问作者Morgan LaVigne