在网站上保存某个对象的屏幕截图

Save a screenshot of a certain object on a website

本文关键字:对象 屏幕截图 网站 保存      更新时间:2023-09-26

我的网站描述:

在我的网站上,人们进入,从远程服务器(而不是我的服务器)观看实时流,当他们点击一个按钮时,它会向我报告,我想添加的是,当他们单击该按钮时,我可以截图并将其保存在服务器上。他们的问题是如何实施呢?现在我只在Iframe中有一个流,它显示为.swf对象

我想过但不知道是否可行的可能解决方案是:

将这个Iframe嵌入到我将创建的flash对象中。这意味着,在网站上,用户会看到我创建的一个flash对象,它所做的只是显示我给它的url中的流,当用户点击html中的按钮时,它会向flash发送命令,立即保存屏幕截图,然后将其保存在我的服务器上(不知道如何实现它,所以第二个问题是,如果你认为它能工作,如何做到?)。

第二个解决方案是在我的服务器上有一个打开的浏览器,当用户点击按钮时,我会向服务器发送一个ajax请求,然后服务器会命令浏览器截图并将其本地保存在服务器上。(同样,如果您认为此解决方案会起作用,请告诉我如何实现)。

还有其他解决方案/建议吗?

谢谢。

如果意外地,您可以将视频包装到html5视频标签中,那么您只需要调用一个画布drawImage方法,并将该视频作为参数传递。这里有一个例子,如何做到这一点-http://www.sanraul.com/2009/12/17/using-html5-canvas-to-capture-frames-from-a-video/.

Flash解决方案的变体是可能的,但远远不是我的能力。最后一种变体过于复杂,IMHO。