Shaka Player未触发error监听，报错始终为未捕获Promise异常

你遇到的问题是因为错误来自Shaka Player的UI组件，而非核心Player实例，所以仅监听player的error事件无法捕获这类错误。结合你给出的错误码6001（对应UI_INIT_FAILED），可以按以下步骤修复：

1. 同时监听UI实例的错误事件 #

如果你使用了Shaka的UI Overlay组件，需要单独给UI实例绑定error监听：

const video = document.getElementById('your-video-element');
const player = new shaka.Player(video);
// 初始化UI组件
const ui = new shaka.ui.Overlay(player, video, document.body);

// 监听UI层错误
ui.addEventListener('error', (event) => {
  console.log('UI错误详情:', event.detail);
  // 标记错误为已处理，避免Uncaught (in promise)抛出
  event.detail.handled = true;
});

// 保留核心Player的错误监听
player.addEventListener('error', (event) => {
  console.log('Player核心错误:', event);
  event.detail.handled = true;
});

2. 处理加载操作的Promise异常 #

调用player.load()等异步方法时，要显式添加catch捕获Promise错误：

player.load('你的媒体清单URL')
  .catch((error) => {
    console.log('媒体加载错误:', error);
    error.handled = true;
  });

3. 检查UI初始化依赖 #

错误码6001通常是UI初始化失败导致的，确保：

• 页面中存在正确的video元素
• UI初始化时传入的DOM容器（第三个参数）存在且可访问
• WebOS环境下的DOM操作权限正常（比如是否在正确的窗口上下文初始化）

4. 全局错误兜底（可选） #

如果还是有遗漏的错误，可以注册Shaka的全局错误处理器：

// 全局UI错误处理
shaka.ui.registerErrorHandler((error) => {
  console.log('全局UI错误:', error);
  error.handled = true;
});

// 全局Player错误处理
shaka.Player.addEventListener('error', (event) => {
  console.log('全局Player错误:', event.detail);
  event.detail.handled = true;
});

内容的提问来源于stack exchange，提问作者Mustaqeem Sopee