如何在网页(iOS、Android、PC/Mac)上录制音频 - 无闪光灯 [英] How to record audio on webpage (iOS, Android, PC/Mac) - no flash

查看:43
本文介绍了如何在网页(iOS、Android、PC/Mac)上录制音频 - 无闪光灯的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我要求允许用户使用他们的麦克风录制音频文件,但它必须在没有闪光灯的情况下工作,因为它需要在 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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆