>웹 프론트엔드 >JS 튜토리얼 >Recorder.js는 HTML5 기반으로 녹음 기능을 구현합니다.

Recorder.js는 HTML5 기반으로 녹음 기능을 구현합니다.

Guanhui
Guanhui앞으로
2020-06-23 18:04:384414검색

Recorder.js는 HTML5 기반으로 녹음 기능을 구현합니다.

recorder.js

microphone은 HTML5 녹음 기능을 기반으로 하며 출력 형식은 mp3 파일입니다.

머리말

H5 기본 API에 완전히 의존
관련 API: WebRTC, AudioContext, Worker, Video/Audio API, Blob, URL

Compatibility

  • Chrome, FF, Edge, QQ, 360( 참고: 현재 IE와 Safari의 모든 버전은 호환되지 않습니다)

  • 그 중 Chrome 47 이상과 QQ 브라우저는 HTTPS 지원이 필요합니다

  • FF, Edge, 360 및 기타 브라우저를 사용하여 경험해 보시기 바랍니다. , 또는 localhost

Usage

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为错误信息
//  ...
});

를 통해 프로젝트를 localhost로 다운로드하세요. 권장 튜토리얼: "HTML Tutorial" "JS Tutorial"

위 내용은 Recorder.js는 HTML5 기반으로 녹음 기능을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 jb51.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제