dustin/Melo
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

🎵 Feature: Enhanced MiniPlayer (Phase 2, Part 8/X) — Now-Playing Widget

Browse Source 
- Größeres MiniPlayer-Widget auf allen Non-Player-Screens (80px statt 60px)
- Größeres Album-Cover (64px statt 44px) mit besserer Sichtbarkeit
- Skip-Buttons (⏮️ Vorheriges + ⏭️ Nächstes) für schnelle Navigation
- Progress-Bar zeigt Wiedergabe-Position in Echtzeit
- Besseres Styling + Schrift-Gewicht für Titel
- Funktioniert wie Home-Widget: zeigt überall was gerade spielt

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XJzQjUtnvYUtHdnTs3iCru
This commit is contained in:
Hermes (Server)
2026-08-19 19:33:18 +02:00
co-authored by Claude Haiku 4.5
parent 5563b79e6c
commit c5b46e415a
1 changed files with 75 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/player/mini_player.dart
+75 -34
View File
@@ -26,44 +26,85 @@ class MiniPlayer extends StatelessWidget {
onTap: () => Navigator.of(context).push(MaterialPageRoute( onTap: () => Navigator.of(context).push(MaterialPageRoute(
builder: (_) => const NowPlayingScreen(), builder: (_) => const NowPlayingScreen(),
)), )),
child: SizedBox( child: Column(
height: 60, children: [
child: Row( Expanded(
children: [ child: SizedBox(
const SizedBox(width: 8), height: 80,
Padding( child: Row(
padding: const EdgeInsets.all(8),
child: CoverImage(artUri: item.artUri, size: 44, radius: 6),
),
const SizedBox(width: 8),
Expanded(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text(item.title, const SizedBox(width: 12),
maxLines: 1, overflow: TextOverflow.ellipsis), Padding(
Text(item.artist ?? 'Unbekannt', padding: const EdgeInsets.all(8),
maxLines: 1, child: CoverImage(artUri: item.artUri, size: 64, radius: 8),
overflow: TextOverflow.ellipsis, ),
style: const TextStyle( const SizedBox(width: 12),
color: Colors.white54, fontSize: 12)), Expanded(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(item.title,
maxLines: 1, overflow: TextOverflow.ellipsis,
style: const TextStyle(fontWeight: FontWeight.w600)),
Text(item.artist ?? 'Unbekannt',
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
color: Colors.white54, fontSize: 12)),
],
),
),
StreamBuilder<PlaybackState>(
stream: handler.playbackState,
builder: (context, snap) {
final playing = snap.data?.playing ?? false;
return Row(
mainAxisSize: MainAxisSize.min,
children: [
IconButton(
icon: const Icon(Icons.skip_previous),
onPressed: handler.skipToPrevious,
),
IconButton(
tooltip: playing ? 'Pause' : 'Abspielen',
icon: Icon(playing ? Icons.pause : Icons.play_arrow, size: 28),
onPressed: playing ? handler.pause : handler.play,
),
IconButton(
icon: const Icon(Icons.skip_next),
onPressed: handler.skipToNext,
),
],
);
},
),
const SizedBox(width: 8),
], ],
), ),
), ),
StreamBuilder<PlaybackState>( ),
stream: handler.playbackState, StreamBuilder<Duration?>(
builder: (context, snap) { stream: handler.durationStream,
final playing = snap.data?.playing ?? false; builder: (context, dSnap) {
return IconButton( final duration = dSnap.data ?? Duration.zero;
tooltip: playing ? 'Pause' : 'Abspielen', return StreamBuilder<Duration>(
icon: Icon(playing ? Icons.pause : Icons.play_arrow), stream: handler.positionStream,
onPressed: playing ? handler.pause : handler.play, builder: (context, pSnap) {
); final position = pSnap.data ?? Duration.zero;
}, return LinearProgressIndicator(
), value: duration.inMilliseconds > 0
], ? (position.inMilliseconds / duration.inMilliseconds).clamp(0.0, 1.0)
), : 0,
minHeight: 3,
backgroundColor: Colors.white12,
valueColor: const AlwaysStoppedAnimation(MeloTheme.red),
);
},
);
},
),
],
), ),
), ),
); );