diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json new file mode 100644 index 0000000..4d67051 --- /dev/null +++ b/.devcontainer/devcontainer.json @@ -0,0 +1,5 @@ +{ + "dockerComposeFile": ["../docker-compose.yml", "docker-compose.yml"], + "service": "remotion", + "workspaceFolder": "/work" +} diff --git a/.devcontainer/docker-compose.yml b/.devcontainer/docker-compose.yml new file mode 100644 index 0000000..8f05666 --- /dev/null +++ b/.devcontainer/docker-compose.yml @@ -0,0 +1,5 @@ +version: '3' + +services: + remotion: + command: sleep infinity \ No newline at end of file diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..d501f77 --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,13 @@ +version: '3' + +services: + remotion: + build: + context: . + dockerfile: node/Dockerfile + volumes: + - .:/work + working_dir: /work + ports: + - "127.0.0.1:3000:3000" + \ No newline at end of file diff --git a/node/Dockerfile b/node/Dockerfile new file mode 100644 index 0000000..2e6aae3 --- /dev/null +++ b/node/Dockerfile @@ -0,0 +1,10 @@ +FROM node:18.14.0 + +RUN apt update && \ + apt install -y gconf-service libasound2 libatk1.0-0 libc6 libcairo2 libcups2 libdbus-1-3 libexpat1 \ + libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 \ + libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 \ + libxcursor1 libxdamage1 libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libxss1 libxtst6 ca-certificates \ + fonts-liberation libnss3 lsb-release xdg-utils wget libgbm-dev + +RUN npm init video diff --git a/readme.md b/readme.md new file mode 100644 index 0000000..95697a2 --- /dev/null +++ b/readme.md @@ -0,0 +1,20 @@ +# Remotionを使用した動画制作用作業スペース + +## 初期設定 + +dev containerに接続した後、コンソールに下記のコマンドを入れる。 + + npm init video + +お好みのスターターキットを選択してプロジェクトを作成する。 + + +## エディタの立ち上げコマンド + + npm start + + +## 動画ファイルのエクスポート + + npm run build +