Javascript 如何使用jqueryjplayer的视频url创建缩略图
我需要使用jquery j-player的视频url在海报中显示缩略图。我在论坛中搜索过。但我没有得到任何关于缩略图的有用信息。任何人都可以给我一些想法。Javascript 如何使用jqueryjplayer的视频url创建缩略图,javascript,jquery,jplayer,Javascript,Jquery,Jplayer,我需要使用jquery j-player的视频url在海报中显示缩略图。我在论坛中搜索过。但我没有得到任何关于缩略图的有用信息。任何人都可以给我一些想法。 提前谢谢 $("#jquery_jplayer_2"+playid).jPlayer({ ready: function () { $(this).jPlayer("setMedia", { /*m4v: "media/tokyo.m4v", ogv: "media/to
提前谢谢
$("#jquery_jplayer_2"+playid).jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
/*m4v: "media/tokyo.m4v",
ogv: "media/tokyo.ogv",
poster: "media/poster.jpg"*/
m4v: playpath,
ogv: playpath,
poster: playpath
});
},
ended: function (event) {
$("#jquery_jplayer_2"+playid).jPlayer("play", 0);
},
swfPath: "swf",
supplied: "m4v, ogv",
cssSelectorAncestor: "#jp_interface_2"
})
.bind($.jPlayer.event.play, function() { // pause other instances of player when current one play
$(this).jPlayer("pauseOthers");
});
您可以创建新画布以捕获图像:
var canvas = document.createElement('canvas');
canvas.width = 640;
canvas.height = 480;
var context = canvas.getContext('2d');
context.drawImage(video, 0, 0, canvas.width, canvas.height);
然后将其保存到dataURI
:
var dataURI = canvas.toDataURL('image/jpeg');
从这里,您可以在图像元素中使用它,将其另存为文件或将其上载到服务器:
$('img1').attr("src", dataURI);
看一看。启动视频并按下“获取”按钮。请注意,由于视频来自另一个域,我必须在jplayerready
事件中设置视频元素的crossOrigin
属性:
$(this).find("video")[0].setAttribute("crossOrigin", "anonymous");
您需要在
海报上指定图像:“media/poster.jpg”*/
图像路径..我知道兄弟..但这不是我的问题,如何从视频为海报创建缩略图