显示不带图像的视频中的Jwplayer预览图像



我使用的是jwplayer 6.10,我有多个视频被动态上传。

为了显示jwplayer的图像预览,我需要在设置中使用以下内容

image: "myimage.jpg",

有没有什么方法可以在不使用image: "myimage.jpg", 的情况下制作jwplayer预览图像

我试图避免使用视频从服务器端创建预览图像,但如果这是最后一个选项,请让我知道如何进行

所以我有两个问题

  1. 是否可以在jwplayer中从视频源获取预览图像?

  2. 如果不可能,如何从视频创建缩略图

第一个问题的答案是"否"。JW Player是一个指导脚本-它根本不接触视频文件,也不包括任何操纵它的实用程序。

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

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

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

以下是如何做到这一点,示例代码:

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

最新更新