What is the implementation method of recorder.js recording function based on Html5?

This article mainly explains "what is the realization method of recorder.js based on Html5 recording function". The content of the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what is the realization method of recorder.js based on Html5 recording function"?

Recorder.js

Microphone is based on the recording function of HTML5, and the output format is mp3 file.

Preface

Completely dependent on H5 native API

API:WebRTC, AudioContext, Worker, Video/Audio API, Blob, URL involved

Compatibility

Chrome, FF, Edge, QQ, 360 (Note: the full version of IE and Safari are not compatible at present)

Among them, the above Chrome47 and QQ Browser forced the support of HTTPS.

Please try to use browsers such as FF, Edge, 360or download the project locally via localhost

Mode of use

Var recorder = new Recorder ({sampleRate: 44100, / / sampling frequency, default is 44100Hz (standard MP3 sampling rate) bitRate: 128,/ bit rate, default is 128kbps (standard MP3 quality) success: function () {/ / successful callback function}, error: function (msg) {/ / failed callback function}, fix: function (msg) {/ / does not support H5 recording callback function})

API

/ / start recording recorder.start (); / / stop recording recorder.stop (); / / get MP3 encoded Blob format audio file recorder.getBlob (function (blob) {/ / get successful callback function, blob is audio file / /...}, function (msg) {/ / get failed callback function, msg is error message / /...}) Thank you for your reading, the above is the content of "what is the realization method of recorder.js based on Html5 recording function". After the study of this article, I believe you have a deeper understanding of what is the realization method of recorder.js recording function based on Html5. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!