2014-09-09 15 views
5

मैं ऑडियो फ़ाइल रिकॉर्ड करने और इसे एस 3 पर अपलोड करने के लिए एक सरल समाधान की तलाश में हूं।कोणीय जेएस + एचटीएमएल 5 रिकॉर्ड ऑडियो फ़ाइल

WebRTC-Experiment जो सबसे popuplar समाधान मैं मिल सकता है:

मेरे वेब खोज को खोजने के लिए आते हैं। https://www.webrtc-experiment.com/RecordRTC/

मैं भी ngCamRecorder जो अभी तक फ़ायरफ़ॉक्स द्वारा समर्थित नहीं था पाया:

यह भी नीचे दिए गए लिंक में एक काम उदाहरण है।

मैं एक साधारण समाधान + काम करने का उदाहरण, और सुझाव ढूंढ रहा हूं।

  1. कौन सा समाधान AngularJS के साथ उपयोग करने के लिए सबसे अधिक पॉपप्लर है?

  2. यदि आप अपना खुद का उदाहरण या एक ऐसे कामकाजी उदाहरण से लिंक कर सकते हैं जिसका मैं उपयोग कर सकता हूं।

  3. यदि आपने एस 3 का भी उपयोग किया है तो मैं जानना चाहता हूं कि आप फ़ाइल को S3 पर कैसे दबा सकते हैं, और नियंत्रक को लिंक प्राप्त कर सकते हैं।

मुझे मिला समाधान, त्रुटि फेंक, और कोड के बिना एक कामकाजी उदाहरण शामिल है। मैं यह भी जानना चाहता हूं कि इसे एस 3 पर कैसे दबाया जाए।

$scope.start_recording = function() 
{ 
    navigator.getUserMedia(session, function (mediaStream) { 
     window.recordRTC = RecordRTC(MediaStream); 
     recordRTC.startRecording(); 
    }, function(error){console.log(error)}); 
}; 

$scope.stop_recording = function() 
{ 
    navigator.getUserMedia({audio: true}, function(mediaStream) { 
     window.recordRTC = RecordRTC(MediaStream); 
     recordRTC.startRecording(); 
    }); 
}; 

यह बस एक त्रुटि फेंक: अपरिभाषित है recordrtc.js लाइन पर एक समारोह 641

if(!mediaStream.getAudioTracks().length) throw 'Your stream has no audio tracks.'; 

जाहिर mediaStrem रिक्त है नहीं

इस कोड मैं उदाहरण से लागू है।

धन्यवाद।

उत्तर

0

मुझे एक ही समस्या मिली और इसे समझ लिया। नेविगेशन.getUserMedia() के सफलता समारोह में फ़ंक्शन तर्क "मीडियास्ट्रीम" के बजाय "मीडियास्ट्रीम" होना चाहिए।

5

इसके लिए एक कोणीय जेएस रैपर है, यह एक सरल निर्देश है जो HTML5 (रिकॉर्डरजेएस), कॉर्डोवा मीडिया और फ्लैश का समर्थन करता है।

प्रयोग सीधा

<ng-audio-recorder audio-model="someModel" auto-start="false"> 
    <!-- controls --> 
    <button ng-click='recorder.startRecording()'>Start</button> 
    <button ng-click='recorder.stopRecording()'>Stop</button> 
</ng-audio-recorder> 

है आप यहाँ पूर्ण उपयोग देख सकते हैं:

https://github.com/logbon72/angular-recorder

+0

पूर्ण प्रकटीकरण: मैं इस प्लगइन पर काम किया, मैं एक रिकॉर्डिंग परियोजना से यह काँटेदार। – tlogbon

+0

जिस परियोजना पर मैं काम कर रहा हूं वह बीवर के बजाए ब्राउज़र के साथ एनपीएम का उपयोग कर रहा है। मैं इस ऐप को अपने ऐप से कैसे एकीकृत कर सकता हूं? –

संबंधित मुद्दे