POV CUT の技術構成と機能

画像をタップすると大きく開けます。スマートフォンは横向きにすると文字が読みやすくなります。

① 技術構成

POV CUTの技術構成。GitHub ActionsとGitHub Pagesでアプリを配信し、ReactとTypeScriptで編集画面を構成。MediabunnyとWebCodecsで動画を読み込み、Canvas 2DとWeb Audio APIで編集し、MP4またはWebMを端末に保存。編集内容はlocalStorageとJSONで保存。
画像を大きく開く PNGをダウンロード

② 主な機能

POV CUTの主な機能。公式製品写真を参考に描いたRokid Glasses。2.5秒単位のクリップ編集、中央の文字と複数ハッシュタグ、縦型と横型、3種類の切り替え効果、編集内容の自動保存とJSON保存、MP4とWebMへの書き出し。動画は端末内で編集。
画像を大きく開く PNGをダウンロード