No description
  • TypeScript 98.5%
  • CSS 1.5%
Find a file
2023-12-09 23:35:35 +09:00
.github/workflows Create a new Remotion video 2022-01-05 20:49:41 +09:00
.vscode add background option 2022-01-09 11:10:10 +09:00
src bg animation 2022-01-19 13:22:52 +09:00
.eslintrc Create a new Remotion video 2022-01-05 20:49:41 +09:00
.gitignore ignore .idea 2022-01-05 22:39:41 +09:00
.prettierrc add background option 2022-01-09 11:10:10 +09:00
package.json upgrade to latest remotion 2023-12-09 23:35:35 +09:00
pnpm-lock.yaml upgrade to latest remotion 2023-12-09 23:35:35 +09:00
README.md add background option 2022-01-09 11:10:10 +09:00
remotion.config.ts upgrade to latest remotion 2023-12-09 23:35:35 +09:00
tsconfig.json Create a new Remotion video 2022-01-05 20:49:41 +09:00

Music Info Video

Preview

Usage

# clone repository
git clone https://github.com/pikokr/music-info-video
cd music-info-video

# install dependencies
yarn

# create config file
cp src/config.example.ts src/config.ts

Preparing assets

First, prepare mp3 file and album image.

Then, put them on src/assets directory.

Editing config file

export const items: Item[] = [
	{
		album: require('./assets/1/album.png'), // Album image location(used on album display and background)
		artist: 'Test', // The person(or people) who composed the music
		audio: require('./assets/1/audio.mp3'), // mp3 file location
		title: 'Test', // Music title
	},
]

Building

yarn build