這篇文章將為大家詳細(xì)講解有關(guān)recorder.js如何實(shí)現(xiàn)基于Html5錄音功能,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)堅(jiān)信:善待客戶,將會(huì)成為終身客戶。我們能堅(jiān)持多年,是因?yàn)槲覀円恢笨芍档眯刨?。我們從不忽悠初訪客戶,我們用心做好本職工作,不忘初心,方得始終。10多年網(wǎng)站建設(shè)經(jīng)驗(yàn)創(chuàng)新互聯(lián)是成都老牌網(wǎng)站營(yíng)銷服務(wù)商,為您提供成都做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、H5網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、品牌網(wǎng)站制作、微信平臺(tái)小程序開(kāi)發(fā)服務(wù),給眾多知名企業(yè)提供過(guò)好品質(zhì)的建站服務(wù)。recorder.js
microphone基于HTML5的錄音功能,輸出格式為mp3文件。
前言
完全依賴H5原生API
所涉及的API:WebRTC、AudioContext、Worker、Video/Audio API、Blob、URL
兼容性
Chrome、FF、Edge、QQ、360(注:目前IE和Safari全版本不兼容)
其中Chrome47以上以及QQ瀏覽器強(qiáng)制要求HTTPS的支持
請(qǐng)嘗試使用FF、Edge、360等瀏覽器進(jìn)行體驗(yàn),或?qū)㈨?xiàng)目下載到本地通過(guò)localhost的方式
使用方式
var recorder = new Recorder({ sampleRate: 44100, //采樣頻率,默認(rèn)為44100Hz(標(biāo)準(zhǔn)MP3采樣率) bitRate: 128, //比特率,默認(rèn)為128kbps(標(biāo)準(zhǔn)MP3質(zhì)量) success: function(){ //成功回調(diào)函數(shù) }, error: function(msg){ //失敗回調(diào)函數(shù) }, fix: function(msg){ //不支持H5錄音回調(diào)函數(shù) } });
API
//開(kāi)始錄音 recorder.start(); //停止錄音 recorder.stop(); //獲取MP3編碼的Blob格式音頻文件 recorder.getBlob(function(blob){ //獲取成功回調(diào)函數(shù),blob即為音頻文件 // ... },function(msg){ //獲取失敗回調(diào)函數(shù),msg為錯(cuò)誤信息 // ... });
關(guān)于“recorder.js如何實(shí)現(xiàn)基于Html5錄音功能”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。