queue-panel.js is a queue panel for JScript Panel 3 (JSP3) 3.8.5+. It depends only on the bridge and standard JSP3 APIs - no external themes, shared modules, fonts, or colour libraries. Copy it into a JSP3 panel and it will work without modification.
It demonstrates the full bridge interface described in the reference:
- View - lists the
Up Nextplaylist (the queue), showing queue position, title, and artist for each row, and highlighting the currently playing track. - Clear - the
Clearcontrol in the header empties the queue. - Remove - hover over a row and click
xto remove that track. - Reorder - drag a row to a new position.
- Jump to point - click a row to start playback from that position and consume all preceding queued tracks (via the bridge's main-menu command).
If the bridge is not loaded (that is, the Up Next playlist cannot be found), the panel displays a simple "queue bridge not loaded" message rather than generating errors.
- Install the
foo_atelier_queuebridgecomponent (see Install). - Restart foobar2000.
- Add a JScript Panel 3 panel to your layout.
- Open the panel configuration and paste in the contents of
queue-panel.js. - Apply the changes.
The panel now displays and controls the playback queue.
The settings most users will want to change are grouped at the top:
PLAYLIST_NAMEand the menu command path - these form part of the bridge contract and should only be changed if the component is modified to match.- Colour and font constants - customise these freely.
Everything below uses standard plman, fb, and gr APIs. If you are porting the panel to another scripting host (for example, Spider Monkey Panel), these are the only calls that need to change; the bridge contract remains the same.