如何在Shaka Player（搭配mux.js）中监听HLS直播流的SCTE35？

DevOps 小满

2026-8-7

检测HLS直播流中的SCTE-35信号（Shaka Player + mux.js）

可以，你可以通过配置Shaka Player并添加专属事件监听器来捕获流中的SCTE-35信号，以下是具体实现方案：

1. 启用SCTE-35解析配置

初始化Shaka Player时，需在配置中开启HLS的SCTE-35支持（Shaka会自动调用mux.js处理HLS流解析）：

const player = new shaka.Player(document.getElementById('video'));

// 开启SCTE-35解析
player.configure({
  manifest: {
    hls: {
      scte35Enabled: true
    }
  }
});

2. 监听SCTE-35事件

Shaka Player提供timelineRegionAdded事件，当检测到新的SCTE-35标记（如广告插播、节目切换信号）时会触发该事件。通过监听此事件可获取完整的信号元数据：

player.addEventListener('timelineRegionAdded', (event) => {
  const region = event.region;
  console.log('新增SCTE-35信号:', region);

  // 常用元数据字段
  console.log('信号开始时间:', region.startTime);
  console.log('信号结束时间:', region.endTime);
  if (region.metadata?.scte35) {
    console.log('SCTE-35原始数据:', region.metadata.scte35);
  }
});

3. 区分SCTE-35信号类型

若需针对不同类型的SCTE-35事件做差异化处理，可解析region.metadata.scte35中的类型标识：

player.addEventListener('timelineRegionAdded', (event) => {
  const scte35Data = event.region.metadata?.scte35;
  if (!scte35Data) return;

  switch (scte35Data.type) {
    case 'AD_BREAK':
      console.log('检测到广告插播信号');
      // 执行广告相关逻辑
      break;
    case 'PROGRAM_START':
      console.log('检测到节目开始信号');
      // 执行节目切换逻辑
      break;
    // 其他类型可根据需求扩展
  }
});