Javascript 使用画布拍摄嵌入视频的快照
我使用VLC网络插件来显示视频。它可以是本地保存的视频,也可以通过RTSP传送。下面是代码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" /&
<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