【发布时间】:2021-11-18 12:23:35
【问题描述】:
有没有办法可以将图片网址存储在 VTT 文件中?例如:
WEBVTT
00:00:00.000 --> 00:00:10.000
Chapter tile goes here
thumb_0001.jpg
00:00:10.000 --> 00:00:20.000
Another chapter title
thumb_0002.jpg
我知道我可以编写自定义解析器,但我想知道是否有某种标准?
【问题讨论】:
有没有办法可以将图片网址存储在 VTT 文件中?例如:
WEBVTT
00:00:00.000 --> 00:00:10.000
Chapter tile goes here
thumb_0001.jpg
00:00:10.000 --> 00:00:20.000
Another chapter title
thumb_0002.jpg
我知道我可以编写自定义解析器,但我想知道是否有某种标准?
【问题讨论】:
您需要有一个单独的WebVTT metadata track、一个支持它们的播放器,并且可能需要一些脚本和 CSS 来作用于提示负载。您可以看到元数据轨道可以做的一些事情的AblePlayer demo(在 39 秒标记处)。如果您检查 wwa_meta.vtt 文件,您会发现它引用了恰好位于 player's page html code 中的 ID 选择器。
【讨论】:
您提供的示例与互联网上当前针对图像缩略图所做的示例非常相似。它最常用于...成人...网站上的动画视频预览。如果您在 Google 上搜索 ".jpg" filetype:vtt,您会发现一些有趣的示例,这些示例采用与您相同的方法。
正如 Murray 已经引用的那样,这并不是真正的正确方法。他引用的元数据跟踪选项更符合正确使用 VTT 规范。但是,它也没有得到广泛支持。您可以遵循 VTT 指南并最终得到一个许多玩家无法读取的文件。
另一个选择是 CSS。 VTT 旨在与 CSS 很好地配合使用。因此,您可以将您的图像包含为 CSS background-image。这样它就与文本内容分开了,并且(至少在理论上)一些玩家甚至可以正确显示它。
【讨论】: