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

Question

最近我制作了一个flash视频播放器（根据加载的xml文件从目录中加载不同的视频）。无论如何，我已经看到了我想要实现的自定义闪存播放器（HULU，youtube等）中的这个很酷的功能，但是没有丝毫的线索它是如何完成的（或者它叫做什么，这使搜索谷歌相当很难）。

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

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

Answer 1

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

顺便问一下，有人能告诉我这个功能的已知名称吗？我一直在问很多人，但没有人知道这个功能的官方名称。
~~~~
编辑@ 2012/8/15
我想我从一些网页上得到了一个更好，更愉快的名称，这就是故事板。这比视频缩略图要好得多。