簡單介紹recorder.js 基於Html5錄音功能的實現

這篇文章主要介紹了recorder.js 基於Html5錄音功能的實現,文中透過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

microphone基於HTML5的錄音功能，輸出格式為mp3檔案。

完全依賴H5原生API

所涉及的API：WebRTC、AudioContext、Worker、Video/Audio API、Blob、URL

Chrome、FF、Edge、QQ、360(注：目前IE和Safari全版本不相容)

其中Chrome47以上以及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錄音回撥函式
    }
});

//開始錄音
recorder.start();
//停止錄音
recorder.stop();
//獲取MP3編碼的Blob格式音訊檔案
recorder.getBlob(function(blob){ //獲取成功回撥函式，blob即為音訊檔案
//  ...
},function(msg){ //獲取失敗回撥函式，msg為錯誤資訊
//  ...
});

到此這篇關於recorder.js 基於Html5錄音功能的實現的文章就介紹到這了。

原文地址：