Maison >interface Web >js tutoriel >recorder.js implémente la fonction d'enregistrement basée sur HTML5

recorder.js implémente la fonction d'enregistrement basée sur HTML5

Guanhui
Guanhuiavant
2020-06-23 18:04:384443parcourir

recorder.js implémente la fonction d'enregistrement basée sur HTML5

recorder.js

le microphone est basé sur la fonction d'enregistrement HTML5 et le format de sortie est un fichier mp3.

Avant-propos

Entièrement dépendant de l'API native H5
API impliquées : WebRTC, AudioContext, Worker, API Vidéo/Audio, Blob, URL

Compatibilité

  • Chrome, FF, Edge, QQ, 360 (Remarque : actuellement, toutes les versions d'IE et Safari ne sont pas compatibles)

  • Les navigateurs Chrome 47 et supérieurs et QQ doivent prendre en charge HTTPS

  • Veuillez essayer d'utiliser FF, Edge, 360 et d'autres navigateurs pour en faire l'expérience, ou téléchargez le projet localement et passez via Comment utiliser localhost

Comment utiliser

var recorder = new Recorder({
    sampleRate: 44100, //采样频率,默认为44100Hz(标准MP3采样率)
    bitRate: 128, //比特率,默认为128kbps(标准MP3质量)
    success: function(){ //成功回调函数
    },
    error: function(msg){ //失败回调函数
    },
    fix: function(msg){ //不支持H5录音回调函数
    }
});

API

//开始录音
recorder.start();
//停止录音
recorder.stop();
//获取MP3编码的Blob格式音频文件
recorder.getBlob(function(blob){ //获取成功回调函数,blob即为音频文件
//  ...
},function(msg){ //获取失败回调函数,msg为错误信息
//  ...
});

Tutoriel recommandé : "HTML Tutoriel》《Tutoriel JS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer