Показать Jwplayer предварительный просмотр видео без видео
Я использую jwplayer 6.10, у меня несколько видео загружаются динамически.
Чтобы показать предварительный просмотр изображения для jwplayer мне нужно использовать ниже в настройках
image: "myimage.jpg",
Есть ли способ сделать предварительный просмотр изображений jwplayer без использования этого image: "myimage.jpg",
Я пытаюсь избежать создания предварительного изображения со стороны сервера с использованием видео, но если это последний вариант, дайте мне знать, как это сделать
Итак, у меня есть два вопроса
-
Можно ли получить изображение для предварительного просмотра из источника видео в jwplayer?
-
Если это невозможно, как вы создаете миниатюры из видео
Решение
Ответ на вопрос номер один — «нет». 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>