A local Vue + Vite Plex browser. The MVP discovers Plex Media Servers on your local network, loads library sections, lists the first page of media for a selected section, and tries direct playback for browser-compatible files.

npm install
npm run dev

Open the Vite URL, usually http://127.0.0.1:5173/.

Click Scan network to find a Plex server automatically. The dev server uses Plex GDM discovery over UDP port 32414, sending the same M-SEARCH * HTTP/1.0 probe used by the older native Matinee app.

For local servers that allow unauthenticated LAN access, no token is needed. If your server requires auth, paste an X-Plex-Token.

Plex documents token-based access and URL commands here:

• https://support.plex.tv/articles/204059436-finding-an-authentication-token-x-plex-token/
• https://support.plex.tv/articles/201638786-plex-media-server-url-commands/
• https://developer.plex.tv/pms/

The MVP uses these server endpoints:

• GET /api/discover-plex on the local Vite server for LAN discovery
• GET /api/plex on the local Vite server as a same-origin Plex proxy
• GET / for server info
• GET /library/sections for libraries
• GET /library/sections/{key}/all for library contents
• media resource URLs returned by Plex for thumbnails, art, and file parts

Direct playback depends on browser codec support and what Plex returns for the media part. Auto/Transcode mode uses Plex's Universal Transcoder with HLS output so the browser receives muxed H.264/AAC transport stream segments. Direct mode still uses the raw Plex file URL for browser-native files.