ocarina2/lib/widgets/player.dart

274 lines
13 KiB
Dart
Raw Normal View History

2024-05-23 20:36:42 +02:00
import 'package:auto_size_text/auto_size_text.dart';
2024-05-27 21:46:18 +02:00
import 'package:cached_network_image/cached_network_image.dart';
2024-05-23 19:14:08 +02:00
import 'package:flutter/material.dart';
import 'package:ocarina/api/audio/audioplayer_service.dart';
2024-05-24 00:10:11 +02:00
import 'package:ocarina/api/subsonic/song.dart';
import 'package:ocarina/main.dart';
2024-05-23 19:14:08 +02:00
import 'package:ocarina/util/util.dart';
2024-05-23 20:36:42 +02:00
import 'package:responsive_sizer/responsive_sizer.dart';
import 'package:shimmer/shimmer.dart';
2024-05-24 00:10:11 +02:00
import 'package:text_scroll/text_scroll.dart';
2024-05-23 19:14:08 +02:00
/// The player widget
///
/// Showcases the playing song's details and features playback controls
class Player extends StatefulWidget {
/// The player widget
///
/// Showcases the playing song's details and features playback controls
const Player({super.key});
@override
State<Player> createState() => PlayerState();
}
/// State of [Player]
class PlayerState extends State<Player> {
void update() {
2024-05-24 00:10:11 +02:00
logger.d(AudioPlayerService().song?.coverArtUrl);
2024-05-23 19:14:08 +02:00
setState(() {});
}
2024-05-23 20:36:42 +02:00
var _showFullControls = false;
final _sheetController = DraggableScrollableController();
2024-05-23 19:14:08 +02:00
@override
Widget build(BuildContext context) {
2024-05-23 20:36:42 +02:00
return NotificationListener<DraggableScrollableNotification>(
onNotification: (n) {
if (n.extent > 0.3) {
_showFullControls = true;
} else {
_showFullControls = false;
}
setState(() {});
return false;
},
child: DraggableScrollableSheet(
controller: _sheetController,
initialChildSize: 0.1,
snap: true,
snapSizes: const [0.1, 1],
minChildSize: 0.1,
builder: (c, s) => SingleChildScrollView(
controller: s,
child: Column(
children: [
AnimatedOpacity(
opacity: _showFullControls ? 0 : 1,
duration: const Duration(milliseconds: 300),
child: ClipRRect(
borderRadius: BorderRadius.circular(8),
child: GestureDetector(
onTap: () {
_sheetController.animateTo(
(_sheetController.size == 1) ? 0.1 : 1,
duration: const Duration(milliseconds: 300),
curve: Curves.easeIn,
);
},
child: Container(
color: Theme.of(context).colorScheme.primaryContainer,
height: 10.h,
width: 100.w,
child: Padding(
padding: const EdgeInsets.all(8),
2024-05-24 00:10:11 +02:00
child: ValueListenableBuilder<Song?>(
valueListenable: songNotifier,
builder: (c, t, w) {
return Row(
children: [
SizedBox(
height: 10.h,
width: 10.h,
child: Padding(
padding: const EdgeInsets.all(8),
child: ClipRRect(
child: (t == null)
? ColoredBox(
2024-05-23 20:36:42 +02:00
color: Theme.of(context)
.colorScheme
.primaryContainer,
child: Center(
child: Icon(
Icons.music_note,
color: Theme.of(context)
.colorScheme
.onPrimaryContainer,
),
),
2024-05-24 00:10:11 +02:00
)
2024-05-27 21:46:18 +02:00
: CachedNetworkImage(
2024-05-28 18:54:05 +02:00
cacheKey: t.coverArtId,
2024-05-27 21:46:18 +02:00
imageUrl: t.coverArtUrl,
placeholder: (c, d) =>
2024-05-24 00:10:11 +02:00
Shimmer.fromColors(
baseColor: Colors.grey.shade300,
highlightColor:
Colors.grey.shade100,
child: Container(
color: Colors.grey,
),
),
2024-05-27 21:46:18 +02:00
errorWidget: (c, _, __) {
2024-05-24 00:10:11 +02:00
logger
..e(_)
..e(__);
return ColoredBox(
color: Theme.of(context)
.colorScheme
.primaryContainer,
child: Center(
child: Icon(
Icons.music_note,
color: Theme.of(context)
.colorScheme
.onPrimaryContainer,
),
),
);
},
),
),
),
2024-05-23 20:36:42 +02:00
),
2024-05-24 00:10:11 +02:00
const SizedBox(
width: 5,
),
Expanded(
child: AutoSizeText(
AudioPlayerService().song == null
? "Nothing"
: AudioPlayerService().song!.title,
style: TextStyle(
color: Theme.of(context)
.colorScheme
.onPrimaryContainer,
fontSize: 14,
decoration: TextDecoration.none,
),
overflowReplacement: TextScroll(
AudioPlayerService().song == null
? "Nothing"
: AudioPlayerService().song!.title,
),
),
),
SizedBox(
width: 35.w,
2024-05-24 00:10:11 +02:00
child: Row(
mainAxisAlignment:
MainAxisAlignment.spaceBetween,
2024-05-24 00:10:11 +02:00
children: [
IconButton(
onPressed: () {
AudioPlayerService().previous();
},
icon: const Icon(Icons.skip_previous),
),
2024-05-24 00:10:11 +02:00
IconButton(
onPressed: () async {
if (AudioPlayerService().song ==
null) {
return;
}
if (AudioPlayerService().isPlaying) {
await AudioPlayerService().pause();
} else {
AudioPlayerService().resume();
}
setState(() {});
},
icon: AnimatedCrossFade(
firstChild:
const Icon(Icons.play_arrow),
secondChild: const Icon(Icons.pause),
crossFadeState:
(AudioPlayerService().isPlaying)
? CrossFadeState.showSecond
: CrossFadeState.showFirst,
duration:
const Duration(milliseconds: 300),
),
),
IconButton(
onPressed: () {
AudioPlayerService().next();
},
icon: const Icon(Icons.skip_next),
),
2024-05-24 00:10:11 +02:00
],
),
),
],
);
},
2024-05-23 20:36:42 +02:00
),
),
),
),
),
),
SizedBox(
height: 90.h,
width: 100.w,
child: Center(
child: Column(
children: [
ClipRRect(
child: (AudioPlayerService().song == null)
? ColoredBox(
color: Theme.of(context)
.colorScheme
.primaryContainer,
child: Center(
child: Icon(
Icons.music_note,
color: Theme.of(context)
.colorScheme
.onPrimaryContainer,
),
),
)
2024-05-27 21:46:18 +02:00
: (CachedNetworkImage(
2024-05-28 18:54:05 +02:00
cacheKey: AudioPlayerService().song!.coverArtId,
2024-05-27 21:46:18 +02:00
imageUrl:
AudioPlayerService().song!.coverArtUrl,
placeholder: (c, d) => Shimmer.fromColors(
2024-05-23 20:36:42 +02:00
baseColor: Colors.grey.shade300,
highlightColor: Colors.grey.shade100,
child: Container(
color: Colors.grey,
),
),
2024-05-27 21:46:18 +02:00
errorWidget: (c, _, __) {
2024-05-23 20:36:42 +02:00
logger
..e(_)
..e(__);
return ColoredBox(
color: Theme.of(context)
.colorScheme
.primaryContainer,
child: Center(
child: Icon(
Icons.music_note,
color: Theme.of(context)
.colorScheme
.onPrimaryContainer,
),
),
);
},
)),
),
],
),
),
),
],
),
2024-05-23 19:14:08 +02:00
),
),
);
}
}