0

大家。我有一个问题，以前在 WEB 上讨论过，但现在，我真的找不到答案，更好的是我并没有真正理解这个问题。所以，我需要在一些视频中添加一些字幕轨道，我正在研究放入一个网站。

我知道视频是在 HTML5 形式的VIDEO 标记中管理的，而字幕则来自嵌套的TRACK 标记。视频轨道必须采用 WebVTT 格式。作为第一次体验，我通过应用基本控件创建了一个非常简单的标记，使用 .webm 格式的视频文件并创建 2 条简单的字幕轨迹（首先是 .srt 格式，然后转换为 .vtt），如下所示：

        <source src="Kayath[1].webm" type="video/webm">
        <track kind="subtitles" src="test_it.vtt" srclang="it" label="italiano" default>
        <track kind="subtitles" src="test_en.vtt" srclang="en" label="english">
      </video>

.VTT 曲目文件很简单，我认为是正确的。她是其中一个的开头：


1
00:00:02.509 --> 00:00:07.509
Select "Release data download" item

2
00:00:08.045 --> 00:00:10.150
In the data download form

现在，我想在本地签入，通过 WebVTT 提供的可能性处理和定义字幕格式（目前每个格式代码都不存在），但是用 Chrome 复制给我以下错误，阻止我查看字幕：

从具有 URL [...] 'file:' URL 的框架加载 URL [...] 的不安全尝试被视为唯一的安全来源。

我避免报告 URL，因为视频 .webm 和 .vtt 在同一个文件夹中。

在 Firefox 中也发现了类似的行为，在控制台中没有报告上述错误，但也没有出现 vtt 轨道。

使用另一个浏览器（Vivaldi，基于 Chrome）在页面加载时控制台中也会显示一个错误，但它有所不同：

来自“file://”的文本轨道已被阻止加载：与文档的来源不同，并且轨道元素的父级没有“crossorigin”属性。因此，Origin 'null' 不允许访问。

所以，似乎说本地使用 .vtt 文件是不可能的（但 .webm 可以正常工作）。在 Stackoverflow 中，我找到了一些答案，但我真的很惊讶没有任何方法可以在本地工作，只是为了帮助 VTT 格式定义。有没有人有解决方案，或者我真的必须将文件放在本地服务器中进行测试？

4

0 回答 0