WEBVTT 字幕显示多次

Question

这是 WEBVTT：

WEBVTT FILE

1
00:10:21.125 --> 00:10:23.951
Test

2
00:10:25.080 --> 00:10:27.392
another
test

3
00:10:39.959 --> 00:10:42.676
Damn

此代码是“即时”生成的。 我的track标签如下：

<track kind="subtitles" srclang="en" label="English" default></track>

我从生成的字符串创建一个 blob，然后从 blob 创建一个 URL，并将 track 链接到该 URL。

如果生成的文件有一个字幕 - 一切都很好。添加第二个字幕后，第一个出现两次（一个在另一个之上），第二个出现一次。三个字幕，第一个出现三次，第二个出现两次，第三个出现一次。

这是什么垃圾？我错在哪里了？

Answer 1

通过删除 track 元素并每次生成一个新元素来解决它。