Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How to realize Html5 recording function through recorder.js

2025-03-01 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/01 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report