是否可以使用视频和画布元素创建幻灯片并为其添加屏幕截图？

Question

我在制作幻灯片时遇到了一些问题。我使用以下教程创建了一个带有网络摄像头访问权限的视频元素，并结合了canvas元素，以便我可以截取屏幕截图：

http://joshondesign.com/p/books/canvasdeepdive/chapter13.html

我要做的是创建一个包含一些图片和新截图的幻灯片。有没有人知道是否只是通过使用javascript来实现这一目标？

到目前为止我的代码：

var image1 = new Image()
image1.src = "images/slide1.png"
var image2 = new Image()
image2.src = "images/slide2.png"
var image3 = new Image()
image3.src = "the screenshot here"

 var step = 1;
        function slideit() {
            document.images.slide.src = eval("image"+step+".src");
            if(step<3)
                step++;
            else
                step=1;
            setTimeout("slideit()",2500);
        }
        slideit();