flash - 自定义 Flash 播放器进度条上的预览帧

Question

最近我构建了一个 Flash 视频播放器（它根据加载的 xml 文件从目录加载不同的视频）。无论如何，我已经在我想实现的自定义 Flash 播放器（HULU、youtube 等）中看到了这个很酷的功能，但完全不知道它是如何完成的（或者它叫什么，这使得搜索谷歌而不是难的 ）。

当您将鼠标悬停在视频进度条上时，会弹出一个小框并显示视频中该点的帧。

有谁知道如何做到这一点，或者可以指点我一些教程？

Answer 1

Sunil 的回答可能是一个解决方案，但会是一个缓慢的解决方案，IMO。我真的不知道 Youtube 或其他视频播放器是如何做到的。但在我们的例子中，我们预先生成了一个 CSS sprite，其中包含每个视频的帧预览图像。当用户打开一个视频网页时，该视频的 CSS sprite 也会被下载到客户端。因此，当用户沿着进度条移动鼠标时，我们将计算光标在哪一帧，并从 CSS sprite 中获取该帧预览图像。我们使用 CSS sprite 来确保浏览器下载帧预览图像时只有 1 个连接。希望这有帮助。

顺便问一下，谁能告诉我这个功能的已知名称？我一直在问很多人，但没有人知道这个功能的正式名称。
~~~~
EDIT @ 2012/8/15
我想我从一些网页上得到了这个功能更好听的名字，它叫做故事板。这比视频缩略图好得多。