threejs🎬three.js / WebXR の 3D アプリのデモ動画を自前で撮る🎬three.js / WebXR の 3D アプリのデモ動画を自前で撮る:canvas 録画の勘所と自動化three.js + WebXR の 3D ギャラリーアプリのデモ動画を、canvas.captureStream と MediaRecorder でアプリ内から録画した際のメモ。DOM が映らない・解像度が巨大になる・コーデックの再生互換といった落とし穴と対処、CDP によるヘッドレス自動撮影と検証方法をまとめた。2026-06-28•threejswebglwebxrmediarecorder