SyncStep
- 3 Devlogs
- 5 Total hours
Website to learn K-Pop dances based on a ghost overlay from dance videos and receive feedback based on accuracy.
Website to learn K-Pop dances based on a ghost overlay from dance videos and receive feedback based on accuracy.
large update!
lots of new elements added on this update
Admin (20 mins)
The metadata form is now actually fillable — Song Title, Artist/Group, etc. are real input fields instead of static text
Admins can now define multiple loop sections per dance (start/end timestamps), adding new ones on the fly with a button
Support for uploading the skeleton JSON file that drives the pose overlay
Community (21 mins)
Users can now post a caption-based practice update from a new post box on the page
Library (
Search bar added for filtering the dance list (though this one’s incomplete — the edit got cut off mid-file, so it may not actually render/work yet)
Practice Player (1 hr 12 mins)
Camera controls upgraded: clearer “Start Live Feed” button plus a new “Record Session” option
The full practice control bar is functional now: playback speed, loop controls, a volume slider, Mirror and Phantom Overlay toggles, and a view-mode switcher (Side by Side / Reference Only / Webcam Only)
Video area now holds a fixed width for a more consistent layout
General Organization (19 mins)
New small oval buttons (used for the speed +/- controls, reusable elsewhere)
Form labels now match the visual style of section headers
Working on adding the practice camera element and adding the mediapipe frames over the camera
Adding the elements for features I want to implement