MutationRecord带时间戳的回放:类似视频的播放器,用于使用MutationObserver录制的会话?

时间:2019-04-03 13:48:39

标签: javascript html5 dom

长标题讲述了这个故事。

让我们想象一下,我有一个MutationObserver,它记录了一个浏览会话,并为我提供了MutationRecord的列表,其中手动添加了时间戳。 我想像播放视频一样播放列表:DOM被复制并根据带时间戳的MutationRecords进行了修改。大致与this answer所述。

比方说,我希望与视频HTML5标签尽可能地接近,尤其是可以在时间轴上进行搜索,并且我希望在搜索时尽可能快速地获得视觉反馈。

这意味着时间轴具有可拖动的时间光标,并且当拖动光标时,“视频式”播放会在拖动时尽可能快地刷新,以便搜索过程几乎可以实时查看dom修改(如果可能)。

我认为,由于MutationRecords是增量,因此在搜索过程中(尤其是在时间轴的末尾搜索,或在时间轴中快速随机地进行搜索)中的计算需要计算所有增量的相加,而且时间太长可以“实时”刷新。

有什么我可以使用的技术或想法吗?

我想到了“关键帧”,我每N个MutationRecord都会计算出一个实际的DOM。也许有更好的解决方案?预先计算所有DOM“先验”?

0 个答案:

没有答案