javascript - 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 元素并每次生成一个新元素来解决这个问题。