ブラウザでMediaStreamを動画に固めて保存したい
ゴール
ブラウザのJavaScriptで、MediaStreamを動画ファイルにしてローカルに保存できるようにしたい。
参考
tl;dr
- 好きな方法でMediaStreamを取得する
- getUserMediaでデバイスのカメラをソースとしたstreamを得るサンプルが多い
- 今回自分はchrome.tabCaptureを使いたかった
- 取得したstreamを使ったMediaRecorderを作成する
- MediaRecorderのondataavailableで取得したdataを貯めていく
- 任意のタイミングで、溜まったdataをBlobにする
- BlobからURL.createObjectURLで特定のURLを得る
- あとはこれをa.hrefに突っ込んでa.downloadに突っ込んでとかすればよい
サンプル
このへんです。（雑）
