答えて

16

解決策は実行できますが、その時点ですべてのプラットフォームで解決策が機能しません。

のAndroid 3.0ブラウザ、Chrome for Androidでは(0.16)、Firefoxのモバイル10.0、iOS6のSafariとChrome(部分的なサポート)

リンク:

<input type="file" accept="audio/*;capture=microphone"> 

は、現在ではサポートされているHTML5 Media Capture

を参照してください。

http://www.html5rocks.com/en/tutorials/getusermedia/intro/

Audio capturing with HTML5

+0

iOS(すべてのバージョンが9まで)は、HTML5メディアキャプチャによるオーディオの録音のみをサポートしていません。 iOS上のSafariは写真/ビデオ録画アプリを起動します。 –

+0

iOS9のSafariでHTML Media Captureを使った素晴らしいスクリーンショットhttps://addpipe.com/blog/the-new-video-recording-prompt-for-media-capture-in-ios9/ –

4

Javascriptでは、お客様のハードウェアに直接アクセスすることはできません。必要なのは、できるクライアント側の技術です。フラッシュ、1つ。

Javascriptはフラッシュと非常に簡単に通信できるので、フラッシュレコーダーを隠してhtml/js/cssでレコーダーUIを構築できます。ここで

は一例です:https://github.com/jwagener/recorder.js/blob/master/examples/example-1.html

はここで別の一つだ: http://blogupstairs.com/flashwavrecorder-javascript-flash-audio-recorder/

私は、これはあなたが必要な正確に何ではありません実現していますが、JSのソリューションをしたい理由を教えてくれませんでした。これは、フラッシュの依存関係の問題を修正するものではありませんが、フラッシュなしでUIを構築できるため、UIの問題を解決します。

1

もう一つの解決策はWAMIですが、純粋なjavascriptではないことがわかりますが、おそらく助けになるかもしれません。

"この記事の執筆時点では、ほとんどのブラウザはWebRTCのgetUserMedia()をサポートしていないため、Web開発者にJavascriptによるマイクアクセスを提供することができます。このプロジェクトは、Flashをサポートするブラウザ、独自のメディアサーバーソフトウェアをインストールすることなく、サーバー上のオーディオを収集することができます。 https://code.google.com/p/wami-recorder/

node.jsを使用した別の例 このサンプルアプリケーションは、JavaScriptで書かれており、WebサーバーとフレームワークにNodeとExpressを使用しています。これを動作させるには、WebサーバーにNode.js WebAPIライブラリをインストールする必要があります。 nodejs voice recording example

関連する問題