2016-05-05 4 views
2

AngularJS/Ionicで簡単なボイスレコーダーアプリを構築するために、次の素晴らしいプラグイン 'angularAudioRecorder'を使用しています。数日間CordovaMediaとngCordovaのメディアプラグインを使いこなしていたのですが、これが落ち込んできて治療を受けました。awesome angularAudioRecorderを使用していますが、コントローラのオーディオモデルのブロブで動作しないようです。

私の問題は、私のアプリケーションコントローラの記録されたBLOBを参照できないようです。

魅力を発揮するhtmlのスニペットについては以下を参照してください。

<ng-audio-recorder id='audioInput' audio-model='recordedInput' time-limit='2' on-record-complete="finished()"> 

    <!-- Start controls, exposed via recorder--> 
    <div ng-if="recorder.isAvailable"> 
     <a ng-click="recorder.status.isRecording ? recorder.stopRecord() : recorder.startRecord()" id="recordBarK-button10" style="color:#F5AA2C;" class="button button-light button-large button-block button-outline" ng-class="{'btn-primary': !recorder.status.isRecording, 'btn-danger': recorder.status.isRecording}">{{recorder.status.isRecording ? 'Stop' : 'Start'}} Recording</a> 
    </div> 
</ng-audio-recorder> 

そして、ここにテンプレートのための私のコントローラである:

.controller('recordBarKCtrl', function($scope, $state, $ionicLoading) { 

$scope.finished = function() { 
    alert("im done recording now"); 
    alert($scope.audioInput.size); 
    //$state.go('previewBarK'); 
} 

})

完成関数が呼び出される罰金、しかし、問題は、私はオーディオの録音を参照するように見えることはできませんですこれは、私がrecordingInputとして定義した 'オーディオモデル'で利用できると考えられています。私はおそらくここで間違っている何か非常に基本的なものを取得していますが、誰かが私を助けてくれることを願って暗闇の中で

プラグインのドキュメントはここにある:http://logbon72.github.io/angular-recorder/

答えて

1

私はデモをチェックアウトしようとしました。しかし、それは動作しませんでした。 (Google Chromeの47から)新しいクローム更新あたり、getUserMedia()がHTTP経由でChromeブラウザでサポートされなくなったよう

://(非セキュア起源)、それは動作しません

そして、私はこれを見つけましたhttps://(セキュア・オリジン)

これは、このことを機能させるにはhttpsが必要であることを意味します。多くのWebRTCソリューションがあります。しかし、私は今、彼らもHTTPSが必要だと思います。

enter image description here

関連する問題