JavaScript 实现页面中录音功能
栏目: JavaScript · 发布时间: 4年前
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的录音及音频曲线绘制的组件开发
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
MATLAB在数学建模中的应用
卓金武 编 / 北京航空航天大学 / 2011-4 / 34.80元
《MATLAB在数学建模中的应用》从数学建模的角度介绍了MATLAB的应用。《MATLAB在数学建模中的应用》的4位作者均具有实际的数学建模参赛经历和竞赛指导经验。书中内容完全是根据数学建模竞赛的需要而编排的,涵盖了绝大部分数学建模问题的MATLAB求解方法。 《MATLAB在数学建模中的应用》内容分上下两篇。上篇介绍数学建模中常规方法MATLAB的实现,包括MATLAB交互、数据建模、程序......一起来看看 《MATLAB在数学建模中的应用》 这本书的介绍吧!