浏览器上录音Js代码,实现的代码很简单。
const recordBtn = document.querySelector(".record-btn") const player = document.querySelector(".audio-player") const download = document.querySelector('#download') if (navigator.mediaDevices.getUserMedia) { let chunks = [] const constraints = { audio: true } navigator.mediaDevices.getUserMedia(constraints).then( stream => { const mediaRecorder = new MediaRecorder(stream) recordBtn.onclick = () => { if (mediaRecorder.state === "recording") { mediaRecorder.stop() recordBtn.textContent = "录音结束" } else { mediaRecorder.start() recordBtn.textContent = "录音中..." } } mediaRecorder.ondataavailable = e => { chunks.push(e.data) } mediaRecorder.onstop = e => { const blob = new Blob(chunks, { type: "audio/ogg; codecs=opus" }) chunks = [] const audioURL = window.URL.createObjectURL(blob) player.src = audioURL download.innerHTML = '下载' download.href = audioURL } }, () => { console.error("授权失败!"); } ); } else { console.error("浏览器不支持 getUserMedia"); }
浏览器上录音Js代码
正在加载文件目录...
- 热度 1
gsx下载了 此素材