小编Tur*_*ary的帖子

我试图从网络摄像头中随机捕获图像,然后将其保存到我的服务器,现在我正在使用getUserMedia将网络摄像头流式传输到视频元素然后我可以使用按钮将图像捕获到画布但我是不知道如何将该图像从画布保存到我的服务器.

另一个问题是getUserMedia仅适用于Chrome,Opera和Firefox,IE有什么替代方案吗？

这就是我目前正在使用的:

    <video id="video" width="640" height="480" autoplay></video>
<button id="snap">Snap Photo</button>
<canvas id="canvas" width="640" height="480"></canvas>
<button id="getBase" onclick="getBase()">Get Base64</button>
<textarea id="textArea"></textarea>

<script>

    // Put event listeners into place
    window.addEventListener("DOMContentLoaded", function() {
        // Grab elements, create settings, etc.
        var canvas = document.getElementById("canvas"),         
        context = canvas.getContext("2d"),
        video = document.getElementById("video"),
        videoObj = { "video": true },
        errBack = function(error) {
        console.log("Video capture error: ", error.code); 
        };

        // Put video listeners into place
        if(navigator.getUserMedia) { // Standard
            navigator.getUserMedia(videoObj, function(stream) {
                video.src = stream;
                video.play(); …