A simple .lrc file maker built with HTML, CSS, and JavaScript.
- Lyrics File: Provides users to create their own .lrc lyrics file to be put onto their mobile system's music player songs.
- Fully responsive: Works smoothly across different devices.
- Simple UI: Clean and intuitive design for easy use.
- Useable on GitHub Pages: No installation needed!
- HTML
- CSS
- JavaScript
- Choose the audio you want by clicking the Attach icon.
- Confirm the audio by clicking on the checkbox or circle.
- Paste the lyrics onto the textarea that appears. You may edit lyrics right there if you want.
- Confirm the lyrics.
- 4 icons may appear along with the lyrics containing box.
- The first button is the play/pause button.
- The second button is the reset button.
- The third button is the next line highlighter button.
- The fourth button is the save/download the .lrc file button.
- Start playing the audio.
- Just right when the singer starts delivering a particular line of the lyrics, click on the highlighter button.
- Once all the lines in the lyrics are done, the file will be created and you are able to download the file by clicking on the save button.
If you want to run it locally, follow these steps:
# Clone the repository
git clone https://github.com/LibraAkaja/Lyrics-File-Maker.git
# Navigate to the project folder
cd Lyrics-File-Maker
# Open index.html in a browser
- Icons by Icon Finder
- Webpage Inspiration LRC generator
- 🎨 HTML & CSS - For the user interface and styling.
- ⚡ JavaScript - For timer logic, file making logic and interactivity.
- 🌐 GitHub Pages - For hosting the page online.
This project is currently not open for contributions. If you have any suggestions or feedback, feel free to open an issue.
This project is for personal or educational use only. Redistribution or commercial use is not allowed.
For any inquiries or feedback, feel free to reach out:
- 📧 Email: adhikaribiraj908@gmail.com
- 🔗 GitHub Issues: Report a Bug or Suggest a Feature