How to realize Html5 recording function through recorder.js

This article mainly shows you "how to achieve Html5 recording function through recorder.js", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "how to achieve Html5 recording function through recorder.js" this article.

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 / /...}) The above is all the contents of the article "how to achieve Html5 recording function through recorder.js". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!