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

时间:2014-11-12 13:16:48

标签: php image video jwplayer

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

要显示jwplayer的图像预览,我需要在设置

中使用
image: "myimage.jpg",

有没有办法在不使用此image: "myimage.jpg",

的情况下制作jwplayer预览图像

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

所以我有两个问题

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

  2. 如果无法实现,如何从视频中创建缩略图

3 个答案:

答案 0 :(得分:3)

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

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

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

答案 1 :(得分:2)

答案 2 :(得分:1)

以下是如何执行此操作的示例代码:

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