Grabación de video HTML 5 y almacenamiento de un flujo.

Question

Aug 29, 2013, 01:12 PM

Grabación de video HTML 5 y almacenamiento de un flujo.

Usando Html 5 quiero grabar video y guardar la transmisión en un archivo local. A continuación se muestra el código. Al hacer clic en un botón ya invoca la cámara y captura el video en la etiqueta 'VIDEO' de HTML. ¿Puedo almacenar el flujo en un archivo local? ¿O puedo guardarlo como archivo MP4?

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">

function enter() {

    if (navigator.mozGetUserMedia) { 
       navigator.myGetMedia=navigator.mozGetUserMedia;
       navigator.myGetMedia({video: true}, connect, error); 
    } 
    else {
       alert("NO");
    }

    function connect(stream) {

        var video = document.getElementById("my_video");
            video.src = window.URL ? window.URL.createObjectURL(stream) : stream;
            video.play();

        var canvas = document.getElementById("c"); 
    }

    function error(e) { console.log(e); }

}

</script>

</head>    
<body>
    <canvas width="640" height="480" id="c"></canvas>
    <input type="button" value="RECORD" onClick="enter()"/>
    <input type="button" value="SAVE" />
    <video id="my_video" width="640" height="480"/>
</body>
</html>

Quiero guardar la secuencia con un clic en el botón Guardar.