私はRecorder.jsを使用してAudio APIで何かを録音しています。録音コードは大きくsupplied exampleに基づいていますが、ダウンロード用にWAVに書き出す代わりに、BLOBを使用して再生用のオーディオ要素のsrc属性を設定しています。 (記録を停止した後に呼ばれる)責任のコードは次のようになります、バックOS X 10.11版Chrome 50とFirefox 46でこのオーディオ作品を演奏 <audio id="recording" src="blob:https%3A//example.com/499ca96f-37b2-4515-bd1b-3c298f201dbd" controls="controls"></audio>
AndroidのChromeでオブジェクトURLの録音されたオーディオを再生できない
:
function createAudioPlayer() {
recorder && recorder.exportWAV(function (blob) {
var url = URL.createObjectURL(blob);
var au = document.getElementById('recording');
au.src = url;
});
}
それはこのようなものになり細かいアンドロイド6.0の記録とアップロードのWindows 10クローム50のエッジ13で、しかしplay()
はaudio要素で呼び出されたとき、次のエラーで再生を拒否:
Uncaught (in promise) DOMException: The element has no supported sources.
type="audio/wav"
を追加しようとしましたが動作しませんでした。 blob(File APIとXHR)からファイルをアップロードし、サーバ上のwavファイルの '通常の' URLにsrc
属性を使用すると、正常に再生されます。アップロードする前にユーザーが録音を聞くことができるように変更する必要があるのは何ですか?