从视频中显示Jwplayer预览图像而无需图像。

Question

从视频中显示Jwplayer预览图像而无需图像。

3

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

为了在jwplayer中显示缩略图，我需要在设置中使用以下代码：

image: "myimage.jpg",

有没有不使用这个代码“image:“myimage.jpg””就可以预览jwplayer图片的方法？

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

所以我有两个问题：

1. 是否有可能在jwplayer中从视频源获取预览图像？

2. 如果不可能，你如何从视频中创建缩略图？

- Hitesh

3个回答

2

以下是如何完成此操作，示例代码：

<!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>

- emaxsaun

感谢 @ethan ：我会尝试这个。 - Hitesh

它不会停止流式传输，而视频开始加载。 - Muhammad Tahir

请进一步解释您的意思，并且至少提供一个链接以说明这个问题是如何出现的，而不是仅仅回复旧帖子。 - emaxsaun

2

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

- emaxsaun

有点棘手，我喜欢！不幸的是，在移动设备上不起作用，因为那里没有自动启动。 - MisterNeutron

1

是的，没有移动设备支持，而且可能会对带宽产生不良影响。 - emaxsaun

但是当视频播放结束并显示重新播放按钮后...屏幕会出现黑色预览图像。 - Hitesh

1

是的，因为它将进入停止状态。但是我有一个解决方法，您可以在结束前提前一秒停止。我将在下面的答案中提供更新后的示例代码。 - emaxsaun

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- MisterNeutron · Accepted Answer

问题一的答案是“不”。JW Player是一个控制脚本 - 它根本不会触及视频文件，也不包含任何用于操作视频文件的工具。最好的方法可能是使用ffmpeg在服务器端提取缩略图。

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