Music Trainer is a focused, musician-first practice environment built on Hugo and modern browser media tools.

New in V9.0.0

• Accessibility Improvements
  • Complete ARIA compliance: all menu items now have proper role="menuitem" for screen reader support
  • Focus trap added to About dialog for true modal behavior
  • Library drawer now correctly marked as aria-modal="true" matching its focus-trap behavior
  • Initialization guard prevents duplicate About dialog setup
• Enhanced File Explorer UX
  • Auto-opens when media drawer opened without content loaded
  • Automatically filters to relevant files (audio/visual) based on drawer type
  • Smart triggering: only on initial open or mode change, not on toggles
• Code Quality
  • Removed dead CSS selectors improving maintainability
  • Improved code organization across templates and scripts

Current Feature Set

• V2 UI Architecture: Side-rail navigation with overlay drawers for clean, focused practice workspace
• Document Viewer: Load PDFs and ABC notation files with automatic filetype detection and badges
• ABC Notation: Render and play ABC files with notation transpose, playback transpose, tempo control, and loop
• Media Drawer: Dedicated panels for Visual (video/image/web) and Audio with context-specific controls
• Advanced Audio Practice: Native HTML5 audio with A/B loops, labeled loop library, gap timing, speed control
• Visual Media: Support for images, native HTML5 video, YouTube embeds, and Spotify embeds
• Practice Timers: Session timer and draggable lesson timers to track focused practice time
• MIDI Playback: Conditional vendor loading for MIDI file support
• Data-Driven Organization: Menu configuration and resource catalogs for structured lesson navigation
• Keyboard Navigation: Efficient keyboard controls across panes and file lists