https://github.com/jtCodes/lyrictor

High-performance lyric video editor accessible on any browser
https://github.com/jtCodes/lyrictor

ai editor howlerjs konvajs lyrics music react react-spectrum song song-lyrics stable-diffusion typescript waveform waveform-data webapp zustand

Last synced: about 1 month ago
JSON representation

High-performance lyric video editor accessible on any browser

• Host: GitHub
• URL: https://github.com/jtCodes/lyrictor
• Owner: jtCodes
• License: gpl-3.0
• Created: 2022-02-18T14:09:36.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-05-21T18:52:08.000Z (about 1 month ago)
• Last Synced: 2024-05-21T20:04:17.021Z (about 1 month ago)
• Topics: ai, editor, howlerjs, konvajs, lyrics, music, react, react-spectrum, song, song-lyrics, stable-diffusion, typescript, waveform, waveform-data, webapp, zustand
• Language: TypeScript
• Homepage: https://lyrictor.vercel.app
• Size: 2.54 MB
• Stars: 7
• Watchers: 2
• Forks: 3
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• project-awesome - jtCodes/lyrictor - High-performance lyric video editor accessible on any browser (TypeScript)

README

        
# lyrictor

Final Cut Pro-inspired web editor for creating lyric animations for your favorite songs! Easily sync up the words to your tracks and watch them come to life on screen.





## Demo

Stephen Sanchez - Until I Found You

[![Alt text](https://img.youtube.com/vi/To29kD8vPoI/0.jpg)](https://www.youtube.com/watch?v=To29kD8vPoI)

Lyrictor + AI (Preview)

[![Alt text](https://img.youtube.com/vi/6oVsjVHntP8/0.jpg)](https://www.youtube.com/watch?v=6oVsjVHntP8)

## Built with:

- React + Typescript

- React Spectrum

- zustand

- Konva.js

- waveform-data

- react-use-audio-player (howler.js)

## Coming soon:

- Stable Diffusion integration

- Lyric text animations and styling

- Share and view other people's lyric animations

- Youtube url support

- Improved timeline usability 

- Export as video