我正在寻找一种简单的解决方案来录制音频文件并将其上传到s3。
我的网络搜索找到了:
WebRTC-Experiment这是我能找到的最流行的解决方案。
它在以下链接中也有一个工作示例:https://www.webrtc-experiment.com/RecordRTC/
我还找到了{Firefox}不支持的ngCamRecorder。
我正在寻找一个简单的解决方案+工作示例和建议。
哪种解决方案最适合与AngularJS一起使用?
如果您可以提供自己的示例或链接到我可以使用的工作示例。
如果您还使用了S3我想知道如何将文件推送到S3,并获得指向控制器的链接。
我找到的解决方案,抛出错误,并包含一个没有代码本身解释的工作示例。 我也想知道如何把它推到s3。
这是我从示例中实现的代码:
$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();
});
};
它只是抛出一个错误:undefined不是recordrtc.js第641行的函数
if(!mediaStream.getAudioTracks().length) throw 'Your stream has no audio tracks.';
显然mediaStrem为空。
感谢。
答案 0 :(得分:6)
这里有一个AngularJS包装器,它是一个支持HTML5(RecorderJS),Cordova Media和Flash的简单指令。
用法很简单
<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>
您可以在此处查看完整用法:
答案 1 :(得分:0)
我遇到了同样的问题并弄明白了。 navigation.getUserMedia()的success函数中的函数参数应该是&#34; MediaStream&#34;而不是&#34; mediaStream&#34;。