JavaScript 实现页面中录音功能
栏目: JavaScript · 发布时间: 5年前
recorder.js
const recordBtn = document.querySelector(".record-btn"); const playBtn = document.querySelector(".play-btn"); if (navigator.mediaDevices.getUserMedia) { var chunks = []; const constraints = { audio: true }; navigator.mediaDevices.getUserMedia(constraints).then( stream => { console.log("授权成功!"); const mediaRecorder = new MediaRecorder(stream); recordBtn.onclick = () => { if (mediaRecorder.state === "recording") { mediaRecorder.stop(); recordBtn.textContent = "record"; console.log("录音结束"); } else { mediaRecorder.start(); console.log("录音中..."); recordBtn.textContent = "stop"; } console.log("录音器状态:", mediaRecorder.state); }; mediaRecorder.ondataavailable = function(e) { chunks.push(e.data); }; }, () => { console.error("授权失败!"); } ); } else { console.error("浏览器不支持 getUserMedia"); }
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- Swift自定义表情键盘+录音
- vue实现录音功能(pc端)
- iOS相册,相机,通讯录,录音权限处理
- iOS相册,相机,通讯录,录音权限处理
- Unity3D 实现录音小案例
- 基于react的录音及音频曲线绘制的组件开发
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Machine Learning
Kevin Murphy / The MIT Press / 2012-9-18 / USD 90.00
Today's Web-enabled deluge of electronic data calls for automated methods of data analysis. Machine learning provides these, developing methods that can automatically detect patterns in data and then ......一起来看看 《Machine Learning》 这本书的介绍吧!