WebRTC сохраняет видео и аудио

Вы можете отправлять аудио и видео через веб-сокеты на сервер WebSocket, который затем может обрабатывать пакеты так, как вы хотите. В настоящее время существуют записывающие устройства, и я модифицировал некоторые из них, чтобы сосредоточиться на отправке через веб-сокеты, а не на загрузке файлов.

Ссылка на репозиторий.

Вы можете проверить этот репозиторий: Html5_Video_Audio_Recorder

Вот основное использование библиотеки

var virec = new VIRecorder.initVIRecorder(
            {   
                recorvideodsize : 0.4, // recorded video dimentions are 0.4 times smaller than the original
                webpquality     : 0.7, // chrome and opera support webp imags, this is about the aulity of a frame
                framerate       : 15,  // recording frame rate 
                videotagid      : "viredemovideoele", 
                videoWidth      : "640",
                videoHeight     : "480",            
            } ,
            function(){
                //success callback. this will fire if browsers supports 
            },
            function(err){
                //onerror callback, this will fire if browser does not support
                console.log(err.code +" , "+err.name);
            }
     );
     startRecord.addEventListener("click" , function(){
            virec.startCapture(); // this will start recording video and the audio 
            startCountDown(null);
     });

     stopRecord.addEventListener("click" , function(){
            virec.stopCapture(oncaptureFinish); 
     });

     playBackRecord.addEventListener("click" , function(){
            virec.play(); /*Clientside playback,*/
     });

     discardRecordng.addEventListener("click" , function(){
            virec.clearRecording();
     });

     uploadrecording.addEventListener("click" , function(){
            var uploadoptions = {
                    blobchunksize : 1048576,
                    requestUrl : "php/fileupload.php",
                    requestParametername : "filename", 
                    videoname : "video.webm",
                    audioname : "audio.wav"
            };
            virec.uploadData( uploadoptions , function(totalchunks, currentchunk){
                progressNumber.innerHTML = ((currentchunk/totalchunks)*100);
                console.log(currentchunk +" OF " +totalchunks);
            });
     });