标签: webvtt
如何在html5中更改视频字幕字体大小？
我的html看起来像这样：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width">
</head>
<body>
<video controls="" autoplay="" name="media">
<source src="videoPath" type="video/mp4">
<track label="English" kind="subtitles" srclang="en" src="subs.vtt" default>
</video>
</body>
</html>
因为subs.vtt是字幕文件。
如何更改附加到track元素的字幕大小？
我尝试创建一个css文件，然后给出track一个id并font-size在css 中指定它，当然将css链接到html，但大小没有改变。
我还尝试在.vtt文件本身中设置样式：
WEBVTT
1
00:00:43.889 --> 00:00:46.949 size:200%
<i>Introduction...</i>
它没有改变大小。
我也尝试过在网上找到的类似的东西：
WEBVTT
<link href="style.css" rel="stylesheet" type="text/css" />
1
00:00:43.889 --> 00:00:46.949
<c vIntro><i>Introduction...</i></c>
并在css 中：
.vIntro{
font-size: …推荐指数
解决办法
查看次数
从 nodejs 中的 vtt 文件中获取所有提示及其属性
说，我有一个 vtt 文件，我想从中获取 nodejs 环境中的所有提示及其相关属性，例如 startTime、endTime 等。
我已经搜索了所有我能想到的关键字，比如'parse vtt file by javascript'，但结果都是关于mozilla/vtt.js。但是我不需要与浏览器/窗口交互，它只是一个静态的 vtt 文件，我需要通过 JavaScript 从中提取数据。
有人能给我一些提示吗？谢谢！
示例 vtt 内容：
WEBVTT FILE
1
00:00:03.500 --> 00:00:05.000 D:vertical A:start
Everyone wants the most from life
2
00:00:06.000 --> 00:00:09.000 A:start
Like internet experiences that are rich <b>and</b> entertaining
3
00:00:11.000 --> 00:00:14.000 A:end
Phone conversations where people truly <c.highlight>connect</c>
4
00:00:14.500 --> 00:00:18.000
Your favourite TV programmes ready to watch at the touch of a button
5
00:00:19.000 --> …推荐指数
解决办法
查看次数
如何在js中将.ass和.ssa字幕文件格式转换为webvtt格式？
我知道如何在 javascript 中将 .srt 文件格式转换为 webvtt 格式，我想知道如何对 .ass 和 .ssa 字幕文件格式执行相同操作，以便能够解析它们并在不使用文件的情况下即时转换为 webvtt 格式使用 javascript 进行流式传输。
推荐指数
解决办法
查看次数
使用 WebVTT 在 YouTube 上定位字幕
根据 YouTube 的字幕格式文档，它支持使用 W3C 的 WebVTT 格式定位字幕，这似乎已得到证实：我看过的大多数视频都使用定位 - 包括这个测试视频和此音乐视频- 使用 WebVTT 来执行此操作。
\n我能够align:start position:100%成功地将字幕对齐到视频视口的右侧，但我尝试的任何变体align-left都会align-end简单地恢复为默认（中心）对齐。
line-leftW3C WebVTT 规范中示例 7 的语法指出：
\n\n“左线”或“右线”仅指应用“位置”设置的框的物理侧，其方式与提示的水平或垂直方向无关。它不影响或涉及文本本身在框中的方向或位置。
\n
但是当我尝试使用它来显式指定左对齐时，我在上传文件时收到来自 YouTube 的错误（第 17 行指的是第三个提示 - 实际错误是第line-left18 行）：
WEBVTT\nKind: captions\nLanguage: en\n\n1\n00:00:16.439 --> 00:00:20.998 align:start position:100% // Successfully aligns right\n\xd9\x85\xdb\x8c\xd8\xb1\xdb\x92 \xda\xa9\xd9\x86\xd9\x91\xd8\xa7\xda\xba \xd8\xaf\xdb\x92 \xda\x86\xd9\x85\xda\xa9\xd9\x86 \xd8\xac\xda\xbe\xd9\x85\xda\xa9\xdb\x92\nMere kannaan de chamkan jhumke\nSparkling jewels adorn my ears\n\n2\n00:00:21.038 --> 00:00:25.037 align:left position:0% // …推荐指数
解决办法
查看次数
HLS直播有字幕吗？
我使用 rtmp 将流广播到服务器，并使用 HLS 将视频流式传输到我的设备。是否有一个字幕协议可以实时更新字幕，例如，服务器中有一个字幕文件，我可以继续写入该文件，我的播放器也可以继续读取该文件。
我知道 WebVTT 适用于录制的流媒体视频，但它也适用于直播流视频吗？我可以将我的播放器链接到 webVTT 文件，并且可以通过继续写入来更新字幕吗？
推荐指数
解决办法
查看次数