This is a tool for creating scrolling lrc files, which refers to text with time tags.

I'm not satisfied with the existing tools, they can't be used across platforms. So I have created one by myself.

Click lrc-maker to start. You can add the link to browser bookmark. Drag and drop the file in the page to load it and use the arrow key and space key to insert the timestamp.

Development branch links:

• https://magic-akari.github.io/lrc-maker/
• https://lrc-maker.vercel.app/

The most modern browsers are supported. The current version uses a lot of modern browser APIs to improve performance and improve the user experience. This project uses the ES Module to load the script code, which means that the browser version should meet the following requirements.

Limited support for EDGE browsers.

The browsers which do not have ES Module support will load the fallback script. Note: The fallback is not tested. The old browsers may encounter CSS layout confusion.

Ancient browsers such as IE are no longer supported. If you are an ancient browser user, it is better to use the old version of this project.

If you want to run this project on your computer locally, follow the tips.

# clone this repo
git clone https://github.com/harukiinharu/lrc-maker.git

cd lrc-maker

# install dependencies
pnpm i

# dev
pnpm d

# build
pnpm b

After building (pnpm b), the build folder is the static website files. You can deploy it to any CDN or static file server.

You can also build a docker image using the Dockerfile at the root of this repo. It runs the build and give you a minimal nginx image.

# build image
docker build -t lrc-maker .
# create a container and serve at port 8080
docker run -d -p 8080:80 lrc-maker

If you like give us a star ⭐ Also share this project to help more people.