实时录音监听 navigator.mediaDevices.getUserMedia()
来源:互联网 发布:mysql source命令 编辑:程序博客网 时间:2024/05/22 10:35
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<audio></audio>
<button class="recorderControl">录制</button>
</body>
</script>
</html>
//js代码
//实时录音监听
var promise=navigator.mediaDevices.getUserMedia({audio:true});promise.then(function(stream){
var audio=document.querySelector("audio")
audio.src=URL.createObjectURL(stream);
var recorder=new MediaRecorder(stream);
var recorderControl=document.querySelector(".recorderControl");
recorderControl.onclick=function(){
this.textContent==="录制"?audio.play():audio.pause();
this.textContent==="录制"?recorder.start():recorder.stop();
this.textContent=this.textContent==="录制"?"停止":"录制";
}
recorder.ondataavailable=function(){
//收集媒体设备 获得到的 可以使用的 媒体流数据
console.log(event.data)
}
});
//获得到有效数据的时候调用
promise.catch(function(error){
console.log(error)
});
阅读全文
0 0
- 实时录音监听 navigator.mediaDevices.getUserMedia()
- Navigator.getUserMedia()
- 关闭navigator.getUserMedia打开的摄像头
- 监听用户电话(录音)
- Windows基础-实时录音程序(WaveXXX)
- 同步(实时)监听EditText
- 监听手机录音
- 来电监听及录音
- android录音监听
- Matlab 实时录音(声卡)及频谱显示
- Android实时监听网络状态(1)
- Android实时监听网络状态(2)
- 实时录音&实时MP3压缩组件源码
- iOS 实时录音和播放
- WebRTC开发基础(WebRTC入门系列1:getUserMedia)
- UITextField 实时监听
- 实时监听文本框输入
- Android EditText实时监听
- onCreateOptionsMenu不执行问题
- mybatis 的mapper文件中的$和#的区别
- react-native 分割线
- 对于Android开发中添加网络请求方式的浅解
- 关于 mysql 性能优化
- 实时录音监听 navigator.mediaDevices.getUserMedia()
- css派生选择器、id选择器、类选择器、属性选择器
- SpringBoot配置详情
- Js的数组方法对比:splice(),concat()和slice()
- esp8266_deauther将html压缩成字节码
- 如何引入extjs4(需要引入的文件)
- react native readMe笔记
- 如何将对数据库两个表的操作处于用一个事物下?同一个连接对象+事物拦截
- react-native http封装