差分
このページの2つのバージョン間の差分を表示します。
| p5js:tips:canvasの動画保存 [2021/05/18 21:50] – 作成 baba | p5js:tips:canvasの動画保存 [2021/05/18 21:51] (現在) – baba | ||
|---|---|---|---|
| 行 5: | 行 5: | ||
| ダウンロードできる動画はwebm形式になっているので，ダウンロードしたファイルをchromeにドラッグアンドドロップで動画を確認できます．macだとquicktimeはデフォルトでは再生できない形式です．mp4とかでダウンロードしたい場合は追加ライブラリが必要になりますが，上記のテンプレートが安定して動作するので，webmダウンロードしたファイルをffmpeg等で一括して変換してしまえばよいでしょう． | ダウンロードできる動画はwebm形式になっているので，ダウンロードしたファイルをchromeにドラッグアンドドロップで動画を確認できます．macだとquicktimeはデフォルトでは再生できない形式です．mp4とかでダウンロードしたい場合は追加ライブラリが必要になりますが，上記のテンプレートが安定して動作するので，webmダウンロードしたファイルをffmpeg等で一括して変換してしまえばよいでしょう． | ||
| + | |||
| + | なお，pixelDensityの値によっては，保存される動画サイズはキャンバスサイズの2倍等だったりするので，ご留意ください． | ||