使用 HTML5 從 iPhone 錄制語音

Question

我一直在開發一個移動網絡應用程序，只是為了我自己的享受和研究。 對於客戶端應用程序，HTML5/CSS 和 JavaScript 的一切似乎都非常流暢，盡管看起來我需要第三方技術進行錄音。 我有一個很好的 Flash 解決方案，但是在用我的 iPhone 測試之后，我記得他們似乎不支持 Flash，這令人失望，因為我有一個很好的解決方案。 我想在 Iphone 和 android 中使用 HTML5 錄制語音。 有什么辦法嗎？

Answer 1

您可以嘗試 HTML 媒體捕獲。 dev.opera 上的一篇文章說：

Android OS 3.0 是第一個通過其默認的 Android Webkit 瀏覽器提供 HTML 媒體捕獲支持的平台。 現在 HTML 媒體捕獲也支持：

• 適用於 iOS 6+ 的 Safari 和 Chrome 移動版
• 適用於 Android 操作系統的 Chrome 移動版 3+
• 適用於 Android 操作系統的 Firefox 移動版 3+
• Opera 16 安卓操作系統 3+

盡管如此，其中一些只是部分實現了規范或實現了較舊的 W3C 規范，這使得上面的代碼略有不同：

 <input type="file" accept="image/*" capture="camera"> <input type="file" accept="video/*" capture="camcorder"> <input type="file" accept="audio/*" capture="microphone">

它鏈接到一個演示頁面，您可以在手機上試用該頁面。 我還找到了這個示例頁面。 不過，在我的快速 iOS 7 測試中，它僅適用於照片和視頻。

---

編輯： 進一步閱讀表明，在 iOS 6 和 7 上實際上不支持accept="audio/*" ，只支持accept="image/*"和accept="video/*" 。

---

更新：iOS 8.3 上的快速測試表明這里沒有任何變化：支持accept="image/*"和accept="video/*" ，但不支持accept="audio/*" 。

---

更新：iOS 10.0.2 上的快速測試表明仍然不支持accept="audio/*" ，盡管您現在似乎可以從 iCloud Drive 或 Dropbox 上傳音頻文件。

---

更新：盡管Webkit 博客文章中說了些什么，但我的 iPhone 5S 上的 iOS 10.3 似乎仍然不支持accept="audio/*" 。

---

更新：iOS 11.0.3 中的相同故事。 我的 iPhone 5S 似乎仍然不支持accept="audio/*" 。

---

更新：在 iOS 12.4.3 中仍然相同。 我的 iPhone 5S 似乎不支持accept="audio/*" 。

Answer 2

這在網站上不起作用，但如果您想使用 Cordova 將您的網絡應用程序改造成移動應用程序，這將允許您使用麥克風輸入。 需要一些網絡音頻 api 的知識才能開始工作。

https://github.com/edimuj/cordova-plugin-audioinput

和 RecorderJS 來記錄它的輸出：

https://github.com/mattdiamond/Recorderjs

上面有人提到 RecorderJS 不能在移動設備上工作，但它確實如此，只是麥克風輸入不起作用。

目前我不知道有任何方法可以在移動瀏覽器中記錄麥克風輸入

Answer 3

您可以使用 HTML5 WebAudio API 。

音頻和視頻捕獲介紹在 HTML5 中捕獲音頻和視頻

使用示例Recorder.js錄制音頻的好庫

Answer 4

在 iOS 中的 webkit 瀏覽器 ieChrome 和 Safari 上，您可以將 get user media api 與webkitGetUserMedia一起webkitGetUserMedia 。 詳細信息可以在這里找到： html5rocks