提问人:Rob Maurizi 提问时间:11/16/2023 最后编辑:Rob Maurizi 更新时间:11/16/2023 访问量:27
Dash JS 播放器 x Cloudflare 显示 CC 选项的适配 ID
Dash JS player x Cloudflare displaying adaptation ID for CC options
问:
我们正在使用 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&s=w54CDG42fMK4w6HDoHUuI2ckw7bCnlsKw6UsM8KzDFPDkgHCkV4oNWJU</BaseURL>
</Representation>
</AdaptationSet>
因此,ID 是 UI 中显示为“标题”选项的内容。我没有看到通过 Cloudflare Stream UI 进行调整的方法,我希望在其中看到类似 .207527692
Español
答: 暂无答案
评论