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

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

Guanhui
풀어 주다: 2020-06-24 13:44:58
앞으로
4404명이 탐색했습니다.

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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿