Experts.jp日本に、もっとエキスパートを。(7)こんにちは!がねこまさしです。今回はWebRTCの録画機能を使って、ブラウザ(Firefox)で録画してみましょう。APIとしてこちらで検討が行われています。RecordingFirefoxではすでに実装が始まっていますので、実際に使ってみることができます。localStreamを取得します。それを使って録画するのは、このようになります。{recorder.stop();}私が試したところ、60分程度は問題なく録画できました。メモリ使用量が増加することもないので、ディスクのどこかにキャッシュされているのだと思います。(場所は発見できませんでした)再生するには録画したものを再生するには、先ほどのrecorder.ondataavaliable()で準備をしておく必要があります。Blobから、URLを生成しておきます。window.URL.createObjectURL(videoBlob);}あとは、videoタグで再生すればOKです。"";};playbackVideo.play();}録画を停止しないとondataavaliable()のイベントが発生しないので、再生はできません。残念ながらいわゆる「追いかけ再生」はできないようです。残念ながらJavaScriptでファイルに直接書き込むAPIは今はFirefoxにはなさそうです。<a>タグを使って、ユーザにファイルを指定して保存してもらいます。blobUrl;}録画されたファイルはwebm形式になります。終わりにMediaRecorderを使えば、映像を簡単に記録することができます。サーバにポストして保存すれば、映像共有サイトも作れそうです。Firefoxでしか利用できませんが、今後の普及が楽しみですね。※こちらにデモページを用意しました。