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 2 months 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 (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2024-10-24T03:07:12.000Z (2 months ago)
• Last Synced: 2024-10-24T09:42:45.082Z (2 months 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: 4.26 MB
• Stars: 26
• Watchers: 2
• Forks: 6
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

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.







**NEW Feature** Linear time sync mode (Apple Music style)



## 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