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

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

Guanhui
リリース: 2020-06-24 13:44:58
転載
4431 人が閲覧しました

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 までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート