<html>
<body>
<audio controls autoplay></audio>
<script type="text/javascript" src="recorder.js"> </script>
<input onclick="startRecording()" type="button" value="start recording" />
<input onclick="stopRecording()" type="button" value="stop recording and play" />
<script>
var onFail = function(e) {
console.log('Rejected!', e);
};
var onSuccess = function(s) {
var context = new webkitAudioContext();
var mediaStreamSource = context.createMediaStreamSource(s);
recorder = new Recorder(mediaStreamSource);
recorder.record();
// audio loopback
// mediaStreamSource.connect(context.destination);
}
window.URL = window.URL || window.webkitURL;
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
var recorder;
var audio = document.querySelector('audio');
function startRecording() {
if (navigator.getUserMedia) {
navigator.getUserMedia({audio: true}, onSuccess, onFail);
} else {
console.log('navigator.getUserMedia not present');
}
}
function stopRecording() {
recorder.stop();
recorder.exportWAV(function(s) {
audio.src = window.URL.createObjectURL(s);
});
}
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
html5通过getUserMedia API实现网页录音
共3个文件
js:2个
html:1个
4星 · 超过85%的资源 需积分: 49 516 下载量 122 浏览量
2014-01-02
17:08:47
上传
评论 7
收藏 3KB RAR 举报
温馨提示
html5通过getUserMedia API实现网页录音,已经在服务器实践成功,能立即播放,最好是在chrome21以上实现,本人在chrome31以上实现的。从外国网站下载过来的原DEMO.
资源推荐
资源详情
资源评论
收起资源包目录
recorder.rar (3个子文件)
sample2.html 1KB
recorderWorker.js 3KB
recorder.js 2KB
共 3 条
- 1
deranson
- 粉丝: 1
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
- 4
- 5
- 6
前往页