Maison > interface Web > js tutoriel > le corps du texte

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

Guanhui
Libérer: 2020-06-24 13:44:58
avant
4376 Les gens l'ont consulté

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录音回调函数
    }
});
Copier après la connexion

API

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

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!

Étiquettes associées:
source:jb51.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal