VGMQ page: play and identify unknown songs #4

Open
opened 2026-10-09 16:36:36 +02:00 by Sansan · 0 comments
Owner

A page for the VGMQ (Video Game Music Quiz) work: play through the songs nobody has identified yet ("Kan Ej") and fill in what they are.

Needs the server API from Sansan/MusicServer#24 (/api/v1/vgmq/*). Which client this belongs in is still an open question in that issue: this frontend, a page in the server, or MusicPlayer. This issue is the frontend option.

Plan (if it lives here)

  • Route and nav. A new route/view, e.g. /vgmq, with a link in TheHeader.vue.
  • Player. Plays the current unknown song from the server's stream endpoint, with Previous / Next / Random unknown and the song number.
  • Form. Shows game title, song title, console, link and guess/info for the current entry. Saves with the update endpoint, and a checkbox marks the song as known.
  • List. Every entry, searchable (game, song, console), with a filter for unknown only. Clicking an entry plays it.
  • Calls. All calls go through src/api.js, so they get the token and queue handling.
  • Style. Dark style like the rest of the app (orange #ff9c00 accents, modals that close on outside click).

Questions

  • Should this be in the frontend at all (see Sansan/MusicServer#24)?
  • Who may edit: anyone with the frontend password, or only you?
A page for the VGMQ (Video Game Music Quiz) work: play through the songs nobody has identified yet ("Kan Ej") and fill in what they are. Needs the server API from Sansan/MusicServer#24 (`/api/v1/vgmq/*`). Which client this belongs in is still an open question in that issue: this frontend, a page in the server, or MusicPlayer. This issue is the frontend option. ## Plan (if it lives here) - **Route and nav.** A new route/view, e.g. `/vgmq`, with a link in `TheHeader.vue`. - **Player.** Plays the current unknown song from the server's stream endpoint, with Previous / Next / Random unknown and the song number. - **Form.** Shows game title, song title, console, link and guess/info for the current entry. Saves with the update endpoint, and a checkbox marks the song as known. - **List.** Every entry, searchable (game, song, console), with a filter for unknown only. Clicking an entry plays it. - **Calls.** All calls go through `src/api.js`, so they get the token and queue handling. - **Style.** Dark style like the rest of the app (orange `#ff9c00` accents, modals that close on outside click). ## Questions - Should this be in the frontend at all (see Sansan/MusicServer#24)? - Who may edit: anyone with the frontend password, or only you?
Sign in to join this conversation.
No labels
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Sansan/MusicFrontend#4