mirror of
https://github.com/KRTirtho/spotube.git
synced 2025-09-14 16:25:16 +00:00
fece073def
Configuration File Removals:
.vscode/c_cpp_properties.json: Removed the entire configuration for C/C++ properties.
.vscode/launch.json: Removed the Dart launch configurations for different environments and modes.
.vscode/settings.json: Removed settings related to CMake, spell checking, file nesting, and Dart Flutter SDK path.
.vscode/snippets.code-snippets: Removed code snippets for Dart, including PaginatedState and PaginatedNotifier templates.
.vscode/tasks.json: Removed the tasks configuration file.
Documentation Updates:
CONTRIBUTION.md: Removed heart emoji from the introductory text.
README.md: Updated the logo image and made minor text adjustments, including removing emojis and updating section titles. [1] [2] [3] [4] [5]
Asset Removals:
lib/collections/assets.gen.dart: Removed multiple unused asset references, including images related to Spotube logos and banners. [1] [2] [3]
Minor Code Cleanups:
cli/commands/build/linux.dart, cli/commands/build/windows.dart, cli/commands/translated.dart, cli/commands/untranslated.dart: Adjusted import statements for consistency. [1] [2] [3] [4]
integration_test/app_test.dart: Removed an unnecessary blank line.
lib/collections/routes.dart: Commented out the TrackRoute configuration.
266 lines
10 KiB
Dart
266 lines
10 KiB
Dart
import 'package:flutter/services.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:media_kit/media_kit.dart';
|
|
import 'package:palette_generator/palette_generator.dart';
|
|
import 'package:shadcn_flutter/shadcn_flutter.dart';
|
|
import 'package:spotube/collections/intents.dart';
|
|
import 'package:spotube/collections/spotube_icons.dart';
|
|
import 'package:spotube/extensions/constrains.dart';
|
|
import 'package:spotube/extensions/context.dart';
|
|
import 'package:spotube/extensions/duration.dart';
|
|
import 'package:spotube/modules/player/use_progress.dart';
|
|
import 'package:spotube/provider/audio_player/audio_player.dart';
|
|
import 'package:spotube/provider/audio_player/querying_track_info.dart';
|
|
import 'package:spotube/services/audio_player/audio_player.dart';
|
|
|
|
class PlayerControls extends HookConsumerWidget {
|
|
final PaletteGenerator? palette;
|
|
final bool compact;
|
|
|
|
const PlayerControls({
|
|
this.palette,
|
|
this.compact = false,
|
|
super.key,
|
|
});
|
|
|
|
static FocusNode focusNode = FocusNode();
|
|
|
|
@override
|
|
Widget build(BuildContext context, ref) {
|
|
final shortcuts = useMemoized(
|
|
() => {
|
|
const SingleActivator(LogicalKeyboardKey.arrowRight):
|
|
SeekIntent(ref, true),
|
|
const SingleActivator(LogicalKeyboardKey.arrowLeft):
|
|
SeekIntent(ref, false),
|
|
},
|
|
[ref]);
|
|
final actions = useMemoized(
|
|
() => {
|
|
SeekIntent: SeekAction(),
|
|
},
|
|
[]);
|
|
final isFetchingActiveTrack = ref.watch(queryingTrackInfoProvider);
|
|
|
|
final playing =
|
|
useStream(audioPlayer.playingStream).data ?? audioPlayer.isPlaying;
|
|
final theme = Theme.of(context);
|
|
|
|
return GestureDetector(
|
|
behavior: HitTestBehavior.translucent,
|
|
onTap: () {
|
|
if (focusNode.canRequestFocus) {
|
|
focusNode.requestFocus();
|
|
}
|
|
},
|
|
child: FocusableActionDetector(
|
|
focusNode: focusNode,
|
|
shortcuts: shortcuts,
|
|
actions: actions,
|
|
child: Container(
|
|
constraints: const BoxConstraints(maxWidth: 600),
|
|
child: Column(
|
|
children: [
|
|
if (!compact)
|
|
HookBuilder(
|
|
builder: (context) {
|
|
final mediaQuery = MediaQuery.sizeOf(context);
|
|
|
|
final (
|
|
:bufferProgress,
|
|
:duration,
|
|
:position,
|
|
:progressStatic
|
|
) = useProgress(ref);
|
|
|
|
final progress = useState<num>(
|
|
useMemoized(() => progressStatic, []),
|
|
);
|
|
|
|
useEffect(() {
|
|
progress.value = progressStatic;
|
|
return null;
|
|
}, [progressStatic]);
|
|
|
|
return Column(
|
|
children: [
|
|
Tooltip(
|
|
tooltip: TooltipContainer(
|
|
child: Text(context.l10n.slide_to_seek),
|
|
),
|
|
child: SizedBox(
|
|
width: mediaQuery.xlAndUp ? 600 : 500,
|
|
child: Slider(
|
|
hintValue: SliderValue.single(bufferProgress),
|
|
value:
|
|
SliderValue.single(progress.value.toDouble()),
|
|
onChanged: isFetchingActiveTrack
|
|
? null
|
|
: (v) {
|
|
progress.value = v.value;
|
|
},
|
|
onChangeEnd: (value) async {
|
|
await audioPlayer.seek(
|
|
Duration(
|
|
seconds: (value.value * duration.inSeconds)
|
|
.toInt(),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 8.0,
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
position.toHumanReadableString(),
|
|
style: theme.typography.xSmall,
|
|
),
|
|
Text(
|
|
duration.toHumanReadableString(),
|
|
style: theme.typography.xSmall,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: [
|
|
Consumer(builder: (context, ref, _) {
|
|
final shuffled = ref
|
|
.watch(audioPlayerProvider.select((s) => s.shuffled));
|
|
return Tooltip(
|
|
tooltip: TooltipContainer(
|
|
child: Text(
|
|
shuffled
|
|
? context.l10n.not_shuffle_playlist
|
|
: context.l10n.shuffle_playlist,
|
|
),
|
|
),
|
|
child: IconButton(
|
|
icon: Icon(
|
|
SpotubeIcons.shuffle,
|
|
color: shuffled ? theme.colorScheme.primary : null,
|
|
),
|
|
variance: shuffled
|
|
? ButtonVariance.secondary
|
|
: ButtonVariance.ghost,
|
|
onPressed: isFetchingActiveTrack
|
|
? null
|
|
: () {
|
|
if (shuffled) {
|
|
audioPlayer.setShuffle(false);
|
|
} else {
|
|
audioPlayer.setShuffle(true);
|
|
}
|
|
},
|
|
),
|
|
);
|
|
}),
|
|
Tooltip(
|
|
tooltip: TooltipContainer(
|
|
child: Text(context.l10n.previous_track)),
|
|
child: IconButton.ghost(
|
|
enabled: !isFetchingActiveTrack,
|
|
icon: const Icon(SpotubeIcons.skipBack),
|
|
onPressed: audioPlayer.skipToPrevious,
|
|
),
|
|
),
|
|
Tooltip(
|
|
tooltip: TooltipContainer(
|
|
child: Text(
|
|
playing
|
|
? context.l10n.pause_playback
|
|
: context.l10n.resume_playback,
|
|
),
|
|
),
|
|
child: IconButton.primary(
|
|
shape: ButtonShape.circle,
|
|
icon: isFetchingActiveTrack
|
|
? const SizedBox(
|
|
height: 20,
|
|
width: 20,
|
|
child: CircularProgressIndicator(),
|
|
)
|
|
: Icon(
|
|
playing ? SpotubeIcons.pause : SpotubeIcons.play,
|
|
),
|
|
onPressed: isFetchingActiveTrack
|
|
? null
|
|
: Actions.handler<PlayPauseIntent>(
|
|
context,
|
|
PlayPauseIntent(ref),
|
|
),
|
|
),
|
|
),
|
|
Tooltip(
|
|
tooltip:
|
|
TooltipContainer(child: Text(context.l10n.next_track)),
|
|
child: IconButton.ghost(
|
|
icon: const Icon(SpotubeIcons.skipForward),
|
|
onPressed:
|
|
isFetchingActiveTrack ? null : audioPlayer.skipToNext,
|
|
),
|
|
),
|
|
Consumer(builder: (context, ref, _) {
|
|
final loopMode = ref
|
|
.watch(audioPlayerProvider.select((s) => s.loopMode));
|
|
|
|
return Tooltip(
|
|
tooltip: TooltipContainer(
|
|
child: Text(
|
|
loopMode == PlaylistMode.single
|
|
? context.l10n.loop_track
|
|
: loopMode == PlaylistMode.loop
|
|
? context.l10n.repeat_playlist
|
|
: "",
|
|
),
|
|
),
|
|
child: IconButton(
|
|
icon: Icon(
|
|
loopMode == PlaylistMode.single
|
|
? SpotubeIcons.repeatOne
|
|
: SpotubeIcons.repeat,
|
|
color: loopMode != PlaylistMode.none
|
|
? theme.colorScheme.primary
|
|
: null,
|
|
),
|
|
variance: loopMode == PlaylistMode.single ||
|
|
loopMode == PlaylistMode.loop
|
|
? ButtonVariance.secondary
|
|
: ButtonVariance.ghost,
|
|
onPressed: isFetchingActiveTrack
|
|
? null
|
|
: () async {
|
|
await audioPlayer.setLoopMode(
|
|
switch (loopMode) {
|
|
PlaylistMode.loop => PlaylistMode.single,
|
|
PlaylistMode.single => PlaylistMode.none,
|
|
PlaylistMode.none => PlaylistMode.loop,
|
|
},
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}),
|
|
],
|
|
),
|
|
const SizedBox(height: 5)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|