0

最近偶然发现了一个股票录像网站http://www.pond5.com/stock-video-footage/1/*.html，当用户将鼠标悬停在缩略图上时，他们看到了视频的预览。我想重新创建它，因为它似乎是有用的练习，它可以让我锻炼我的网络发展肌肉。

当用户将鼠标悬停在缩略图上时，我希望能够预览视频。例如像pond5.com。音频不是必需的，但我希望它看起来像视频一样流畅，而不是每 5 秒包含一帧的视频预览。

在pond5.com上，我原本以为他们用的是gif，但播放起来很流畅。有些还包含音频。据我所知，音频不能在 .GIF 中使用

这是我必须上传第二个视频进行预览的情况吗？

感谢您的任何帮助。

4

1 回答 1

1

Pond5，您特别提到的网站，创建带有水印并降低质量的视频缩略图并将其存储。然后使用 JavaScript 播放它以动态加载包含 Flash 播放器的 div 元素。所以不涉及 GIF。您确实需要上传第二个视频，但该项目的步骤如下：

  1. 服务器端视频缩略图/水印：不确定是否有任何 PHP 包可以胜任这一任务。我会用 C++ 或 C# 编写更强大的程序。如果您使用 C#，快速简便的解决方案将是 Microsoft Expression Encoder。

  2. Flash/Silverlight/HTML5 视频播放器：播放视频。

  3. 客户端 JavaScript：加载精美的弹出窗口和上述视频播放器。请注意，您可能需要使用 PHP 和数据库引擎来加载所请求视频的缩略图 URL。

这就是 Pond5 和许多其他素材网站使用的内容，以及您需要做些什么才能获得类似结果的基本大纲。

于 2012-06-20T21:20:23.330 回答