从没有图像的视频中显示 Jwplayer 预览图像答案

【问题标题】：Show Jwplayer preview image from video without image从没有图像的视频中显示 Jwplayer 预览图像
【发布时间】：2014-11-12 13:16:47
【问题描述】：

我正在使用 jwplayer 6.10，我正在动态上传多个视频。

要显示 jwplayer 的图像预览，我需要在下面的设置中使用

image: "myimage.jpg",

有什么方法可以不用这个image: "myimage.jpg",来制作jwplayer预览图片

我试图避免使用视频从服务器端创建预览图像，但如果这是最后一个选项，请告诉我该怎么做

所以我有两个问题

是否可以从jwplayer的视频源中获取预览图片？
如果不可能，如何从视频中创建缩略图

【问题讨论】：

标签： php image video jwplayer

【解决方案1】：

第一个问题的答案是“不”。 JW Player 是一个指导脚本 - 它根本不接触视频文件，也不包含任何用于操作它的实用程序。

在服务器端提取缩略图的最佳选择可能是使用 ffmpeg：

https://trac.ffmpeg.org/wiki/Create%20a%20thumbnail%20image%20every%20X%20seconds%20of%20the%20video

【讨论】：

谷歌搜索“php ffmpeg”（当然没有引号）- 那里有很多信息。
感谢@MisterNeutron：找到了这个：blog.amnuts.com/2007/06/22/…
@hitesh 如果是您想要创建的预览缩略图（而不仅仅是单个海报图像），那么您可能还想查看blog.amnuts.com/2014/10/18/…

【解决方案2】：

您也可以像这样伪造预览图像 - http://support.jwplayer.com/customer/portal/articles/1439795-example-a-poster-less-preview

【讨论】：

棘手。我喜欢！不能在移动设备上工作，唉，因为那里没有自动启动。
是的，不支持移动设备，而且可能对带宽不利。
但在视频播放完毕并显示重播按钮后...屏幕预览图像为黑色
是的，因为它正在进入停止状态。但是，我有一个解决方法，您可以在结束前一秒停止。我将在下面使用更新的示例代码来回答。

【解决方案3】：

这里是如何做到这一点，示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>Fake Image</title>
</head>
<body>
    <script src="http://p.jwpcdn.com/6/10/jwplayer.js" type="text/javascript"></script>
    <div id="container"></div>
    <script>
    jwplayer("container").setup({
      file: "http://content.bitsontherun.com/videos/bkaovAYt-kNspJqnJ.mp4",
      autostart: true,
      mute: true,
      controls: false
    });

    setTimeout(function() { 
      jwplayer().pause();
      jwplayer().setMute(false);
      jwplayer().setControls(true);
    },3000);

    jwplayer().onTime(function(object) {
        if (object.position > object.duration - 1) {
            jwplayer().pause();
        }
    });
    </script>
</body>
</html>

【讨论】：

谢谢@ethan：我会试试这个
它不会停止流式传输并且视频开始加载。
请进一步解释你的意思，至少，提供一个链接到哪里不起作用，而不是碰到一个旧线程。