仕事で調べる必要があって。

HTML5でいろいろできるようになってるっていうし、ブラウザでその場で録音するWEBサイトって作れるのかな?

■つくれる。

こんなデモがあった。
https://webaudiodemos.appspot.com/AudioRecorder/index.html

録音して再生したり音声データをダウンロードしたりできる。

できるね。
 

■Web Audio API というものらしい。

音をいろいろするAPI
http://www.html5rocks.com/ja/tutorials/webaudio/intro/

 
■javascriptライブラリもあった。 

recorder.js
https://github.com/mattdiamond/Recorderjs

rec.record()
rec.stop()
これだけでできんのすごい。
こんど試しデモつくってみよう。

WevAudioRecorder.jsなんていうのもある。
https://higuma.github.io/web-audio-recorder-js/


■問題が。スマホサイトでは使えない。

ひととおり調べてみた限り、スマホではブラウザでの録音ができないっぽい。

https://www.quora.com/How-do-I-record-audio-using-the-iPhone-6-running-on-iOS-8-1-3-microphone-on-the-Chrome-or-Safari-browser

すでにいろいろ試した先駆者がいたようで、いろいろなAPIを駆使したがiphone 6ではsafariから録音ができなかったとのこと。

回答のいち部分を翻訳。


getUserMediaなどrecorder.jsなどのライブラリで使えますが、
mobile Safariは、オーディオキャプチャをサポートしていません
デスクトップブラウザ上で、このための一般的な回避策は、フラッシュを使用することであるが、iphoneではフラッシュが使えません。
そのためゆういつの解決策はネイティブアプリとしてリリースすることです。

オーディオキャプチャをサポートしてないので、できませんよ、と。



PCではできるけど、スマホでできない。

ユーザーが気軽にスマホで遊ぶような録音サイトは作れなさそうかな。



引き続き調査をすすめてる。