使用Media Source Extension API的交互式视频

Question

背景

我正在尝试使用HTML5视频元素创建一个交互式视频播放器。

我遇到了Media Source Extensions API，并使其正常工作。

var mediaSource = new MediaSource();
video.src = window.URL.createObjectURL(mediaSource);
sourceBuffer = mediaSource.addSourceBuffer(mime);

接下来，我进行REST调用以获取视频片段并将其附加到源缓冲区。 sourceBuffer.appendBuffer(arrayBuffer);

问题

• 我正在尝试在新加载的视频片段达到特定时间时触发事件。
• 此外，我希望能够无缝循环一个视频片段，该视频片段会在交互时退出并继续播放到另一个视频片段。

如何实现这些功能？