Githubにあるremotionを動かしてみる

  • 2023年4月29日
  • 2023年4月30日
  • IT
  • 36view
IT

今回、こちらを使わせていただきます。

[sample] Remotion で作った待機画面 v0.0.1

Remotion ( https://www.remotion.dev/ ) で作成しました。 配信待機画面とかに使えるかもしれないグリーンバックの動画です。 ソースコード: https://github.com/mirko-san/remotion_videos

[sample] Remotion で作った待機画面 v0.0.1

開発環境

Windows10

流れ

GithubのリポジトリをFORK

vscodeでCloneする

セットアップ

mp4ファイルを作成

GithubのリポジトリをFork

FORKする内容を確認して、CteateForkをクリックする

はい、Forkできました!ありがとうごぜいやす。このリポジトリで検証するのでURLを控えておく。

vscodeを起動してWelcome画面のCloneGitRepository…をクリックして、さっき控えておいたURLを入力する。

3本バーのメニューからterminal > New terminalを選択する。

readmeの指示に従ってterminalでコマンドを順番に実行していきます

npm i

npm startで動作を確認。ハートマークが回転するを確認したらCTL+cキーで止めてください。

npm run build

数分でout配下にvideo.mp4ファイルが作成されました。実行します。

背景の色を00ff00からccccccに変えてみましょう。

できました。リポジトリを公開してくれたmirko channelに感謝します。

最新情報をチェックしよう!
>最強の情報発信ツールWordPress

最強の情報発信ツールWordPress

御社がインターネットで影響力を武器にしようと思ったら使うべきツールはWordPress一択です。

CTR IMG