问题标签 [video-subtitles]

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

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

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

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

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

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

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

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

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

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

我从 URL 中获取字幕并在 exoplayer 中显示，但是由于文本的语言是阿拉伯语、希腊语、中文等，字幕内容充满了符号。如何在将 MediaSource 编码为 UTF8 之前将其显示在视频中？

这是我准备字幕内容的代码：

使用此代码，它可以正确加载字幕，但只能使用英文。

我们可以使用 FFmpge 的subtitles过滤器来处理动态字幕吗？例如，我的字幕不是来自原始来源并且我没有srt或ASS文件，我正在从来源（实时 rtmp url）中提取音频并将其发送到 Microsoft Azure 以实时识别它，然后我又来了将其发布到带有字幕的 rtmp 推送 URL，但目前我使用drawtext的过滤器不是很灵活。

任何帮助将不胜感激！谢谢

我想将视频添加到我自己的网站，但我想做的有点不同。我想同时显示英文和法文字幕，如 netflix 但预算低）。我该怎么做 ？例如，英文字幕将在电影上方显示为红色，法语将在英语下方显示为绿色。