如何在网页(iOS、Android、PC/Mac)上录制音频 - 无闪光灯 [英] How to record audio on webpage (iOS, Android, PC/Mac) - no flash
问题描述
我要求允许用户使用他们的麦克风录制音频文件,但它必须在没有闪光灯的情况下工作,因为它需要在 iOS(移动 Safari)、Android 浏览器或 Chrome 以及现代浏览器上工作PC/Mac.
I have a requirement to allow a user to record an audio file using their microphone, but it has to work without flash as it needs to work on iOS (mobile safari), Android browser or Chrome, and a modern browser on a PC/Mac.
是否有一种干净、简单的 HTML5 方法来录制音频并发布到服务器?我一直无法找到任何东西.
Is there a clean, simple HTML5 method for recording audio and posting to a server? I haven't been able to find anything.
推荐答案
您可以使用 HTML5 WebAudio API.
You can use the HTML5 WebAudio API.
音频和视频捕获介绍 捕获音频和视频HTML5 格式的视频
使用示例录制音频的好库 Recorder.js
A good library to record audio with samples Recorder.js
使用 Recorder.js 的完整且有效的示例 如何使用原生 HTML5 API 在 Chrome 中录制音频
A complete and working sample using Recorder.js How to record audio in Chrome with native HTML5 APIs
其他 WebAudio API 演示 HTML5 Web Audio API 演示和库
Other WebAudio API demos HTML5 Web Audio API Demos and Libraries
支持的浏览器我可以使用 Web Audio API 吗?
关于将数据发送到其他服务器,使用 Recorder.js 可以获得音频缓冲区,然后你可以使用 XMLHttpRequest 将数组缓冲区或 blob 直接 POST 到目标服务器或编码为 base64.
Regarding to send the data to other server, using Recorder.js you can get the audio buffer, then you could use XMLHttpRequest to POST the arraybuffer or blob to the destination server directly or encoded as base64.
MDN:发送和接收二进制数据
Html5Rocks:XMLHttpRequest2 中的新技巧,发送数据
Html5Rocks: New trick ins XMLHttpRequest2, sending data
这篇关于如何在网页(iOS、Android、PC/Mac)上录制音频 - 无闪光灯的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!