Dash JS 播放器 x Cloudflare 显示 CC 选项的适配 ID

Dash JS player x Cloudflare displaying adaptation ID for CC options

提问人:Rob Maurizi 提问时间:11/16/2023 最后编辑:Rob Maurizi 更新时间:11/16/2023 访问量:27

问:

我们正在使用 Cloudflare Stream 实现 Dash JS 播放器。清单由 Cloudflare 生成。WebVTT 文件将上传到 Cloudflare,以便与清单一起交付。

当加载带有字幕的剪辑时,播放器中的 CC 选项会列出字幕轨道的 AdaptationSet ID(例如)而不是任何类型的人类可读标签(例如。“英语”、“西班牙语”等)。123456789

清单有一个属性,该属性似乎派生自已上传到 Cloudflare 的 WebVTT 文件。如果我们在 WebVTT 中添加一个 Language 属性,清单似乎正在使用传递到那里的值。如果我们不这样做,清单似乎是从上传的 VTT 的文件名派生的(例如,西班牙语 VTT 的 lang 属性中包含“Español”。lang

但是,无论我们做什么,呈现的本机视频播放器的 CC 控件中显示的选项仍显示此数字 ID,而不是字符串。

我是 Dash 流媒体和 Cloudflare Stream 的新手,所以如果我遗漏了明显的东西,我深表歉意,但我不知所措。

我们的视频嵌入相当简单:

<video class="dashplayer" id="video-{{ options.id}}" 
  poster="{{ image.src }}"
  data-src="{{ dashUrl }}"
  controls="true"
></video>

JS设置也没有任何内容:

const players = Array.from(document.querySelectorAll('.dashplayer'));

players.forEach(p => {
  let player = dashjs.MediaPlayer().create();
  player.initialize(p, p.dataset.src, false);
});

清单的相关部分是:

<AdaptationSet id="207527692" mimeType="text/vtt" segmentAlignment="true" lang="español">
    <Representation id="548316283" bandwidth="256">

  <BaseURL>../../93173be3c20171b532c79cdc0129cc5c/text/es.vtt?p=eyJ0eXBlIjoiZmlsZSIsInZpZGVvSUQiOiI5MzE3M2JlM2MyMDE3MWI1MzJjNzljZGMwMTI5Y2M1YyIsIm93bmVySUQiOjUyODgwMTc4LCJjcmVhdG9ySUQiOiIiLCJ0cmFjayI6ImIyM2JmYjYwZDFiNTI1ZmY2OTRmOTAyODY4ZWZhZTlkIiwicmVuZGl0aW9uIjoiNTQ4MzE2MjgzIiwibXV4aW5nIjoiNjM0NTUwNzI4In0&amp;s=w54CDG42fMK4w6HDoHUuI2ckw7bCnlsKw6UsM8KzDFPDkgHCkV4oNWJU</BaseURL>
</Representation>
  
</AdaptationSet>

因此,ID 是 UI 中显示为“标题”选项的内容。我没有看到通过 Cloudflare Stream UI 进行调整的方法,我希望在其中看到类似 .207527692Español

HTML5-视频 WebVTT 破折号 .js 云焰流

评论


答: 暂无答案