Php 如何制作flv视频的悬停预览?
我正在开发一个视频网站;我确实安装了ffmpeg,并且功能正常。我知道如何从视频中提取一帧用作显示图像,但我需要找到一种方法,当有人将鼠标悬停在视频上时,它将翻转几帧。我已经寻找了好几天的解决方案,但似乎没有任何效果。有什么帮助吗?有很多方法可以做到这一点。我真的不明白你指的是播放器中的预览还是缩略图上的预览;我将假设后者(但逻辑在任何情况下都保持不变)。Php 如何制作flv视频的悬停预览?,php,ffmpeg,thumbnails,Php,Ffmpeg,Thumbnails,我正在开发一个视频网站;我确实安装了ffmpeg,并且功能正常。我知道如何从视频中提取一帧用作显示图像,但我需要找到一种方法,当有人将鼠标悬停在视频上时,它将翻转几帧。我已经寻找了好几天的解决方案,但似乎没有任何效果。有什么帮助吗?有很多方法可以做到这一点。我真的不明白你指的是播放器中的预览还是缩略图上的预览;我将假设后者(但逻辑在任何情况下都保持不变)。 一旦你从电影中提取了画面,那么最难的部分就完成了。您现在可以做什么: 悬停时,使缩略图加载“imagename+n”,直到它达到404(或者
一旦你从电影中提取了画面,那么最难的部分就完成了。您现在可以做什么:
它不是很优雅,而且肯定不适用于多个缩略图(如果不使用每个缩略图的数据属性或闭包在本地存储每个缩略图的变量,您会遇到问题),但它给出了一个想法。重复该过程以获得整个视频的10帧,然后使用javascript在hover上快速浏览它们。这是我想我必须要做的,但我不知道如何编写java。如果你能发一个例子,我可以理解。是的,我理解这个概念,拿x个帧,用java交换,但是如果你能发一个例子,那就太棒了!使用jquery添加了小提琴和更全面的解释
<div class="thumbnail">
<div class="image">
<img src="something" class="loaded"/>
</div>
</div>
$('.thumbnail')
.on('mouseenter',function(){next($(this));})
.on('mouseleave',function(){stop($(this));})
function next(){
start timer
on time, go to next thumbnail
does it exist? then swap current thumbnail with next thumbnail and stop;
does it not? check number of thumbnails loaded
is it equal to 6? then we reached the end, loop back to start and stop;
is it not? then add the new thumb and begin loading it
while doing that, loop back to start;
}
function stop(){stop the timer}