Javascript 使用画布拍摄嵌入视频的快照

Javascript 使用画布拍摄嵌入视频的快照,javascript,html,html5-canvas,embed,vlc,Javascript,Html,Html5 Canvas,Embed,Vlc,我使用VLC网络插件来显示视频。它可以是本地保存的视频,也可以通过RTSP传送。下面是代码 <object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" width="640" height="480" id="vlc" events="True"> <param name="MRL" value="someRTSP" /> <param name="ShowDisplay" value="True" /&

我使用VLC网络插件来显示视频。它可以是本地保存的视频,也可以通过RTSP传送。下面是代码

<object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" width="640" height="480" id="vlc" events="True">
<param name="MRL" value="someRTSP" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="False" />
<param name="Volume" value="50" />
<param name="toolbar" value="true" />
<param name="StartTime" value="0" />
<EMBED pluginspage="http://www.videolan.org"
       type="application/x-vlc-plugin"
       version="VideoLAN.VLCPlugin.2"
       width="640"
       height="480"
       toolbar="true"
       loop="true"
       text="Waiting for video"
       target="someRTSP"
       name="vlc">
</EMBED>
</object>

如何使用VLC属性拍摄快照?如果不是,如何使用canvas拍摄快照?

根据官方VLC文档()

仅在ActiveX中可用,因此仅在Internet Explorer/Edge中可用(我对其进行了测试,它可以工作……但无论如何,它正在将snaphot图像文件保存到用户桌面)

尝试捕捉视频-画布方式-我失败了。 视频元素必须在html5模式下由浏览器呈现,而不是由第三方浏览器插件(如VLC插件)呈现

尝试作为参数传递给

canvas.drawImage()
必须源自以下其中一项:

HTMLImageElement, HTMLCanvasElement, HTMLVideoElement, ImageBitmap
不是从

object, embed

@MichalHainc,问题更新了。它将抓取嵌入对象。感谢您的输入,但我面临以下问题。1) 它在IE中工作,但我在桌面或图片文件夹中找不到保存的图像2)即使在Firefox中安装了VLC web插件,它在Firefox中也不工作。因此,从技术上讲,除了IE之外,它还应该在FF中工作。3)是否可以更改图像格式及其位置?请尝试忽略
addEventListener
<代码>函数doSnap(){var vlc=getVLC(“vlc”);vlc.video.takeSnapshot();}Ref-True。它确实可以在IE中使用,但在Firefox中却不行。是否有任何选项可用于更改保存的图像路径和类型?什么是不支持activex的FF替代解决方案?我已经厌倦了更改快照路径和图像类型,但它对web插件没有影响。画布无法使用嵌入对象。因此,我们可以得出以下结论:
vlc.video.takeSnapshot()仅在IE中有效,而在FF中无效。
HTMLImageElement, HTMLCanvasElement, HTMLVideoElement, ImageBitmap
object, embed