ホームページ  >  記事  >  ウェブフロントエンド  >  Recorder.jsはHTML5に基づいて録音機能を実装します

Recorder.jsはHTML5に基づいて録音機能を実装します

Guanhui
Guanhui転載
2020-06-23 18:04:384378ブラウズ

Recorder.jsはHTML5に基づいて録音機能を実装します

#recorder.js

microphone は HTML5 録音機能に基づいており、出力形式は mp3 ファイルです。

#まえがき

H5 ネイティブ API に完全に依存

関与する API: WebRTC、AudioContext、ワーカー、ビデオ/オーディオ API、Blob、URL


互換性

##Chrome、FF、Edge、QQ、360 (注: 現在、IE と Safari のすべてのバージョンには互換性がありません)
  • #Chrome 47 以降および QQ ブラウザには HTTPS サポートが必要です。

  • FF、Edge、360 およびその他のブラウザを使用して体験するか、プロジェクトをローカルにダウンロードしてパスしてください。 Localhost メソッドを介して実行します

  • 使用方法
var recorder = new Recorder({
    sampleRate: 44100, //采样频率,默认为44100Hz(标准MP3采样率)
    bitRate: 128, //比特率,默认为128kbps(标准MP3质量)
    success: function(){ //成功回调函数
    },
    error: function(msg){ //失败回调函数
    },
    fix: function(msg){ //不支持H5录音回调函数
    }
});

API

//开始录音
recorder.start();
//停止录音
recorder.stop();
//获取MP3编码的Blob格式音频文件
recorder.getBlob(function(blob){ //获取成功回调函数,blob即为音频文件
//  ...
},function(msg){ //获取失败回调函数,msg为错误信息
//  ...
});
推奨チュートリアル: 「

HTML チュートリアル##」 # 》《

JS

チュートリアル》

以上がRecorder.jsはHTML5に基づいて録音機能を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はjb51.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。