mirror of
https://github.com/KRTirtho/spotube.git
synced 2025-12-06 07:29:42 +00:00
f3e3159ca9
This commit introduces several new features and improvements to Spotube: - **DAB Music Integration:** Adds DAB Music as a new high-quality audio source, with support for searching, streaming, and downloading tracks. - **Playback Quality Display:** Adds a UI element to the player to display the actual audio quality of the currently playing stream. - **Performance Optimization:** Improves the startup and shutdown performance of the desktop application. - **Dependency Fix:** Resolves a dependency conflict with `dio_retry` by implementing a custom retry interceptor.
106 lines
3.8 KiB
Dart
106 lines
3.8 KiB
Dart
import 'package:auto_route/auto_route.dart';
|
|
|
|
import 'package:shadcn_flutter/shadcn_flutter.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
|
|
import 'package:spotube/collections/assets.gen.dart';
|
|
import 'package:spotube/collections/routes.gr.dart';
|
|
import 'package:spotube/components/image/universal_image.dart';
|
|
import 'package:spotube/components/links/artist_link.dart';
|
|
import 'package:spotube/components/links/link_text.dart';
|
|
import 'package:spotube/extensions/constrains.dart';
|
|
import 'package:spotube/models/metadata/metadata.dart';
|
|
import 'package:spotube/provider/audio_player/audio_player.dart';
|
|
import 'package.spotube/provider/player/playback_quality_provider.dart';
|
|
import 'package:spotube/provider/server/sourced_track_provider.dart';
|
|
import 'package:spotube/services/sourced_track/sourced_track.dart';
|
|
|
|
class PlayerTrackDetails extends HookConsumerWidget {
|
|
final Color? color;
|
|
final SpotubeTrackObject? track;
|
|
const PlayerTrackDetails({super.key, this.color, this.track});
|
|
|
|
@override
|
|
Widget build(BuildContext context, ref) {
|
|
final theme = Theme.of(context);
|
|
final mediaQuery = MediaQuery.of(context);
|
|
final playback = ref.watch(audioPlayerProvider);
|
|
final quality = ref.watch(playbackQualityProvider);
|
|
|
|
return Row(
|
|
children: [
|
|
if (playback.activeTrack != null)
|
|
Container(
|
|
padding: const EdgeInsets.all(6),
|
|
constraints: const BoxConstraints(
|
|
maxWidth: 80,
|
|
maxHeight: 80,
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(4),
|
|
child: UniversalImage(
|
|
path: (track?.album.images)
|
|
.asUrlString(placeholder: ImagePlaceholder.albumArt),
|
|
placeholder: Assets.images.albumPlaceholder.path,
|
|
),
|
|
),
|
|
),
|
|
if (mediaQuery.mdAndDown)
|
|
Flexible(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
playback.activeTrack?.name ?? "",
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.typography.normal.copyWith(
|
|
color: color,
|
|
),
|
|
),
|
|
Text(
|
|
playback.activeTrack?.artists.asString() ?? "",
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.typography.small.copyWith(color: color),
|
|
),
|
|
Text(
|
|
quality.toShortString(),
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.typography.small.copyWith(color: color),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
if (mediaQuery.lgAndUp)
|
|
Flexible(
|
|
flex: 1,
|
|
child: Column(
|
|
children: [
|
|
LinkText(
|
|
playback.activeTrack?.name ?? "",
|
|
TrackRoute(trackId: playback.activeTrack?.id ?? ""),
|
|
push: true,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(fontWeight: FontWeight.bold, color: color),
|
|
),
|
|
ArtistLink(
|
|
artists: playback.activeTrack?.artists ?? [],
|
|
onRouteChange: (route) {
|
|
context.router.navigateNamed(route);
|
|
},
|
|
onOverflowArtistClick: () =>
|
|
context.navigateTo(TrackRoute(trackId: track!.id)),
|
|
),
|
|
Text(
|
|
quality.toShortString(),
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.typography.small.copyWith(color: color),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|