Usage

Playback & Usage

Interface Overview

The MSP interface is divided into several main areas:

• Top Bar: Search, Sort, Theme Toggle (SVG icons), Settings.
• Tabs: Video, Audio, Image, Other (categorized file view).
• File List: Displays files in the current category with improved hover effects.
• Player/Sidebar:
  • Desktop: Player on the left, Playlist on the right.
  • Mobile: Player at the top, Playlist below.

The icon system uses SVG with consistent spacing and transition timing.

Features

1. Playlist

• Click the "Playlist" button to toggle the sidebar.
• Supports "Loop All", "Single Loop", and "Shuffle" modes.
• Audio: Automatically scans all audio files (based on configuration scope) and adds them to the playlist.
• Video: Automatically plays the next video in the folder.

2. Search & Sort

• Search: Supports Pinyin search (e.g., type "zjl" to find "周杰伦").
• Sort: Click the sort icon to order by Name, Size, or Date.

3. Media Player

• Video:
  • Uses Plyr player.
  • Supports shortcuts (Space to pause, Arrows to seek).
  • Supports external subtitles (place .srt or .vtt file with same name next to video).
• Audio:
  • Shows cover art (embedded or cover.jpg in folder).
  • Displays lyrics (embedded or .lrc file).
  • Background playback supported.

4. Shared Directory Management

• Click the "Settings" button in the top right.
• You can add or remove shared folders dynamically.
• Changes are saved to config.json immediately.