Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/paring-chan/music-info-video
Create audio visualizer
https://github.com/paring-chan/music-info-video
Last synced: 2 days ago
JSON representation
Create audio visualizer
- Host: GitHub
- URL: https://github.com/paring-chan/music-info-video
- Owner: paring-chan
- Created: 2022-01-09T00:05:49.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-12-15T11:43:09.000Z (about 1 year ago)
- Last Synced: 2024-12-31T07:45:53.984Z (3 days ago)
- Language: TypeScript
- Size: 273 KB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Music Info Video
[Preview](https://youtu.be/7HVVB5LshTo)
## Usage
```shell
# 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
```ts
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
```shell
yarn build
```