README.md


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

# lrc-karaoke-player
![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)
![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

A web app that does stuff with LRC (lyric) files:
-  **LRC-Player** - A karaoke-oriented media player
-  **LRC-Type** - A typing-tube.net style game that challenges you to type along with the lyrics

These tools are largely "bring your own media", no user data is stored and all operations occur client side.

## LRC-Player
- **LRC lyrics** - scrolling line-by-line lyrics with highlight animation
- **SRV3 subtitles** - YouTube Timed Text rendered over the video
- **Dual audio** - mix a main media file with a secondary audio track (e.g. vocals + instrumental)
- **MoekyunKaraoke codes** — shareable codes that load a full session from remote URLs

## LRC-Type
A typing-tube style game with basic scoring algorithm. Shareable codes available for sharing the same chart.

---

## Build

```sh
pnpm i
pnpm build
```

---
https://github.com/user-attachments/assets/c38f9dc1-b000-423e-854f-6ac2dd626db6


https://github.com/Patchwork-Archive/Patchwork-Karaoke/assets/21994085/5106bb53-d962-45e9-9a6b-6368dd1c6437