kaizau / pinyin-ktv-claude Public

Notifications You must be signed in to change notification settings
Fork 0
Star 0

Vibe coding on a short leash. Built over the course of a leisurely Saturday, in parallel with https://github.com/kaizau/pinyin-ktv-replit.

ktv.kaizau.com/

0 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 19 Commits
PROJECT.md		PROJECT.md
README.md		README.md
app.js		app.js
index.html		index.html
pinyin.js		pinyin.js
utils.js		utils.js

Repository files navigation

YouTube Pinyin Karaoke Generator

A static web application that displays pinyin transcriptions alongside Chinese lyrics, with synchronized video playback highlighting.

Features

Load YouTube videos directly in the application
Search for song lyrics using LrcLib API
Automatic pinyin conversion for Chinese characters
Synchronized lyrics highlighting during playback
Manual timing adjustment controls
Responsive design for mobile and desktop

How to Use

Open index.html in a web browser
Enter a YouTube URL for a Chinese song
The video will load and extract the title
Click "Search Lyrics" to find matching lyrics
Select the correct lyrics from search results
The lyrics will display with pinyin transcription
Play the video to see synchronized highlighting
Use the +/- buttons to adjust timing if needed

Technologies Used

HTML5, CSS (Tailwind CSS), JavaScript (Vanilla)
YouTube oEmbed & iFrame APIs
LrcLib API for lyrics
pinyin-pro for Chinese to pinyin conversion

No Build Process Required

All dependencies are loaded via CDN, so you can deploy this application by simply copying the files to a web server or opening index.html locally.

Credits