526 lines
23 KiB
Dart
526 lines
23 KiB
Dart
// ignore_for_file: prefer_const_literals_to_create_immutables, avoid_print
|
|
|
|
import 'dart:convert';
|
|
import 'package:fipy/models/track.dart';
|
|
import 'package:fipy/providers/home.dart';
|
|
import 'package:fipy/providers/player.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:miniplayer/miniplayer.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:youtube_explode_dart/youtube_explode_dart.dart';
|
|
// import 'dart:math';
|
|
// import 'package:flutter/rendering.dart';
|
|
|
|
class HomeScreen extends StatefulWidget {
|
|
const HomeScreen({Key? key, required this.title}) : super(key: key);
|
|
final String title;
|
|
@override
|
|
State<HomeScreen> createState() => _HomeScreenState();
|
|
}
|
|
|
|
class _HomeScreenState extends State<HomeScreen> {
|
|
String radio = 'fip_groove';
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
HomeProvider hp = Provider.of<HomeProvider>(context, listen: false);
|
|
final MiniplayerController controller = MiniplayerController();
|
|
|
|
return RawKeyboardListener(
|
|
autofocus: true,
|
|
focusNode: FocusNode(),
|
|
onKey: (RawKeyEvent event) {
|
|
if (event.runtimeType == RawKeyDownEvent &&
|
|
event.data.logicalKey.keyId == 32) //Enter Key ID from keyboard
|
|
{
|
|
print('tata');
|
|
hp.player?.playing ?? false ? hp.player?.pause() : hp.player?.play();
|
|
}
|
|
},
|
|
child: Stack(
|
|
children: <Widget>[
|
|
Scaffold(
|
|
body: RawScrollbar(
|
|
thumbColor: Colors.grey[600],
|
|
radius: const Radius.circular(20),
|
|
thickness: 12,
|
|
// thumbVisibility: true,
|
|
mainAxisMargin: 70,
|
|
child: SingleChildScrollView(
|
|
// controller: AdjustableScrollController(40),
|
|
child: Column(
|
|
children: <Widget>[
|
|
Container(
|
|
color: Colors.grey[900],
|
|
height: 50,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
DropdownButton(
|
|
dropdownColor: Colors.grey[900],
|
|
value: radio,
|
|
style: TextStyle(
|
|
fontSize: 15, color: Colors.grey[300]),
|
|
underline: const SizedBox(),
|
|
iconSize: 22,
|
|
onChanged: (String? newRadio) {
|
|
setState(() {
|
|
radio = newRadio!;
|
|
});
|
|
},
|
|
items: hp.radioList),
|
|
const SizedBox(width: 50),
|
|
DropdownButton(
|
|
dropdownColor: Colors.grey[900],
|
|
value: hp.userPageNbr.toString(),
|
|
style: TextStyle(
|
|
fontSize: 15, color: Colors.grey[300]),
|
|
underline: const SizedBox(),
|
|
iconSize: 22,
|
|
onChanged: (String? newPageNumber) {
|
|
setState(() {
|
|
hp.userPageNbr =
|
|
int.parse(newPageNumber!);
|
|
});
|
|
},
|
|
items: hp.pageList),
|
|
]),
|
|
),
|
|
FutureBuilder<List<Track>>(
|
|
future: hp.getTracks(radio),
|
|
builder: (
|
|
BuildContext context,
|
|
AsyncSnapshot<List<Track>> snapshot,
|
|
) {
|
|
print(snapshot.connectionState);
|
|
if (snapshot.connectionState ==
|
|
ConnectionState.waiting) {
|
|
return Stack(children: [
|
|
Container(
|
|
height: 10000,
|
|
width: 10000,
|
|
color: const Color(0xFF121212)),
|
|
Center(
|
|
child: Column(children: [
|
|
const SizedBox(height: 20),
|
|
SizedBox(
|
|
height: 30,
|
|
width: 30,
|
|
child: CircularProgressIndicator(
|
|
color: Colors.amber[100],
|
|
),
|
|
),
|
|
]),
|
|
),
|
|
]);
|
|
} else if (snapshot.connectionState ==
|
|
ConnectionState.done) {
|
|
if (snapshot.hasError) {
|
|
return Stack(children: [
|
|
Container(
|
|
height: 10000,
|
|
width: 10000,
|
|
color: const Color(0xFF121212)),
|
|
Center(
|
|
child: Column(children: [
|
|
const SizedBox(height: 20),
|
|
Text(
|
|
'Error: ' + snapshot.error.toString(),
|
|
style: TextStyle(color: Colors.grey[500]),
|
|
),
|
|
]),
|
|
),
|
|
]);
|
|
} else if (snapshot.hasData) {
|
|
return Table(
|
|
columnWidths: {
|
|
0: const FlexColumnWidth(4),
|
|
1: const FlexColumnWidth(2),
|
|
2: const FlexColumnWidth(1),
|
|
},
|
|
defaultVerticalAlignment:
|
|
TableCellVerticalAlignment.middle,
|
|
children: snapshot.data!
|
|
.map(
|
|
(item) => _buildTableRow(item, context))
|
|
.toList()
|
|
..insert(
|
|
0,
|
|
_buildTableRow(
|
|
Track(
|
|
number: -1,
|
|
title: 'TITRE',
|
|
artiste: 'ARTISTE',
|
|
album: 'ALBUM',
|
|
id: 'URL'),
|
|
context),
|
|
),
|
|
);
|
|
} else {
|
|
return const Text('Empty data');
|
|
}
|
|
} else {
|
|
return Text('State: ${snapshot.connectionState}');
|
|
}
|
|
},
|
|
),
|
|
const SizedBox(height: 70)
|
|
],
|
|
),
|
|
)),
|
|
),
|
|
Consumer<PlayerProvider>(builder: (context, playerProvider, _) {
|
|
TextEditingController trackTitle = TextEditingController();
|
|
TextEditingController trackArtiste = TextEditingController();
|
|
trackTitle.text = hp.currentTrack?.title ?? '';
|
|
trackArtiste.text = hp.currentTrack?.artiste ?? '';
|
|
return Miniplayer(
|
|
controller: controller,
|
|
backgroundColor: Colors.grey[900]!,
|
|
minHeight: 70,
|
|
maxHeight: 70,
|
|
builder: (height, percentage) {
|
|
return Row(
|
|
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
hp.currentTrack?.imageUrl != '' &&
|
|
hp.currentTrack?.imageUrl != null
|
|
? Image.network(
|
|
hp.currentTrack!.imageUrl!,
|
|
width: 70,
|
|
)
|
|
: const SizedBox(width: 70),
|
|
Expanded(
|
|
child: Column(children: [
|
|
SizedBox(
|
|
height: 20,
|
|
child: TextField(
|
|
enabled: false,
|
|
maxLines: 1,
|
|
controller: trackTitle,
|
|
decoration: const InputDecoration(
|
|
border: InputBorder.none,
|
|
focusedBorder: InputBorder.none,
|
|
enabledBorder: InputBorder.none,
|
|
disabledBorder: InputBorder.none,
|
|
contentPadding: EdgeInsets.only(left: 15),
|
|
),
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Colors.grey[300],
|
|
),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 20,
|
|
child: TextField(
|
|
enabled: false,
|
|
maxLines: 1,
|
|
controller: trackArtiste,
|
|
decoration: const InputDecoration(
|
|
border: InputBorder.none,
|
|
focusedBorder: InputBorder.none,
|
|
enabledBorder: InputBorder.none,
|
|
disabledBorder: InputBorder.none,
|
|
contentPadding: EdgeInsets.only(left: 15),
|
|
),
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: Colors.grey[500],
|
|
),
|
|
),
|
|
),
|
|
]),
|
|
),
|
|
Column(children: [
|
|
const Spacer(),
|
|
Row(children: [
|
|
const SizedBox(width: 70),
|
|
Column(children: [
|
|
IconButton(
|
|
padding: const EdgeInsets.all(0),
|
|
icon: Icon(Icons.skip_previous,
|
|
color: Colors.grey[500], size: 32),
|
|
onPressed: () {
|
|
if (hp.currentTrack != null &&
|
|
hp.currentTrack!.number > 1) {
|
|
hp.currentTrack = hp.trackList.firstWhere(
|
|
(element) =>
|
|
element.number ==
|
|
hp.currentTrack!.number - 1);
|
|
hp.playTrack(context, hp.currentTrack!);
|
|
}
|
|
}),
|
|
]),
|
|
const SizedBox(width: 1),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
hp.player?.playing ?? false
|
|
? hp.player?.pause()
|
|
: hp.player?.play();
|
|
// playerProvider.reload();
|
|
},
|
|
child: Icon(
|
|
hp.player?.playing ?? false
|
|
? Icons.pause
|
|
: Icons.play_arrow,
|
|
color: Colors.grey[900],
|
|
size: 30),
|
|
style: ElevatedButton.styleFrom(
|
|
shape: const CircleBorder(),
|
|
padding: const EdgeInsets.all(12),
|
|
primary: Colors.grey[300],
|
|
onPrimary: Colors.grey[900],
|
|
),
|
|
),
|
|
Column(children: [
|
|
IconButton(
|
|
padding: const EdgeInsets.all(0),
|
|
icon: Icon(Icons.skip_next,
|
|
color: Colors.grey[500], size: 32),
|
|
onPressed: () {
|
|
if (hp.currentTrack != null &&
|
|
hp.currentTrack!.number <
|
|
hp.trackList.last.number) {
|
|
hp.currentTrack = hp.trackList.firstWhere(
|
|
(element) =>
|
|
element.number ==
|
|
hp.currentTrack!.number + 1);
|
|
hp.playTrack(context, hp.currentTrack!);
|
|
}
|
|
}),
|
|
// const SizedBox(height: 7),
|
|
]),
|
|
]),
|
|
const Spacer(),
|
|
Row(children: [
|
|
const SizedBox(width: 70),
|
|
Text(
|
|
timeFormat(hp.player?.position ??
|
|
const Duration(seconds: 0)),
|
|
style:
|
|
TextStyle(color: Colors.grey[500], fontSize: 12),
|
|
),
|
|
const SizedBox(width: 3),
|
|
SliderTheme(
|
|
data: const SliderThemeData(
|
|
thumbShape:
|
|
RoundSliderThumbShape(enabledThumbRadius: 2),
|
|
overlayShape:
|
|
RoundSliderThumbShape(enabledThumbRadius: 5),
|
|
trackHeight: 2,
|
|
),
|
|
child: SizedBox(
|
|
width: 300,
|
|
child: Slider(
|
|
value: double.parse(
|
|
hp.player?.position.inSeconds.toString() ??
|
|
'0'),
|
|
max: double.parse(
|
|
hp.player?.duration.inSeconds.toString() ??
|
|
'2000'),
|
|
onChanged: (double value) {
|
|
if (hp.player?.position != null) {
|
|
hp.player!.position =
|
|
Duration(seconds: value.toInt());
|
|
playerProvider.reload();
|
|
}
|
|
},
|
|
activeColor: Colors.grey[400],
|
|
inactiveColor: Colors.grey[700],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 3),
|
|
Text(
|
|
timeFormat(hp.player?.duration ??
|
|
const Duration(seconds: 0)),
|
|
style:
|
|
TextStyle(color: Colors.grey[500], fontSize: 12),
|
|
),
|
|
]),
|
|
const Spacer(),
|
|
]),
|
|
const Spacer(),
|
|
SliderTheme(
|
|
data: const SliderThemeData(
|
|
thumbShape:
|
|
RoundSliderThumbShape(enabledThumbRadius: 7),
|
|
overlayShape:
|
|
RoundSliderThumbShape(enabledThumbRadius: 8),
|
|
trackHeight: 2.5,
|
|
),
|
|
child: SizedBox(
|
|
width: 130,
|
|
child: Slider(
|
|
value: hp.player?.volume ?? 1,
|
|
max: 1,
|
|
onChanged: (double value) {
|
|
if (hp.player?.volume != null) {
|
|
hp.player!.volume = value;
|
|
playerProvider.reload();
|
|
}
|
|
},
|
|
activeColor: Colors.grey[400],
|
|
inactiveColor: Colors.grey[700],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 20)
|
|
],
|
|
);
|
|
},
|
|
);
|
|
})
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
Widget trackLine(Track track) {
|
|
return SizedBox(
|
|
height: 30,
|
|
child: Row(
|
|
children: [Text(track.title + ' - ' + track.artiste)],
|
|
),
|
|
);
|
|
}
|
|
|
|
TableRow _buildTableRow(Track track, BuildContext context) {
|
|
DownloadProvider downloadProvider =
|
|
Provider.of<DownloadProvider>(context, listen: false);
|
|
HomeProvider hp = Provider.of<HomeProvider>(context, listen: false);
|
|
int isDownloading = -1;
|
|
|
|
final textStyle = TextStyle(
|
|
fontWeight: track.number == -1 ? FontWeight.w200 : FontWeight.normal,
|
|
color: Colors.grey[500],
|
|
fontSize: track.number == -1 ? 15 : 14);
|
|
const rowPadding = EdgeInsets.all(10);
|
|
final yt = YoutubeExplode();
|
|
|
|
return TableRow(
|
|
decoration: const BoxDecoration(
|
|
color: Color(0xFF121212),
|
|
),
|
|
children: [
|
|
TableCell(
|
|
child: Padding(
|
|
padding: rowPadding,
|
|
child: InkWell(
|
|
onTap: () async {
|
|
if (track.number != -1) {
|
|
hp.playTrack(context, track);
|
|
}
|
|
},
|
|
child: Row(children: [
|
|
track.number != -1
|
|
? track.image == ''
|
|
? const SizedBox(width: 40)
|
|
: Image.memory(base64Decode(track.image!), height: 40)
|
|
: const SizedBox(),
|
|
const SizedBox(width: 10),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Consumer<PlayerProvider>(
|
|
builder: (context, playerProvider, _) {
|
|
return Text(track.title,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.normal,
|
|
color:
|
|
hp.currentTrack?.title == track.title &&
|
|
hp.currentTrack?.artiste ==
|
|
track.artiste
|
|
? Colors.green
|
|
: Colors.grey[350],
|
|
fontSize: 14));
|
|
}),
|
|
const SizedBox(height: 2),
|
|
if (track.number != -1)
|
|
Text(track.artiste,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.normal,
|
|
color: Colors.grey[500],
|
|
fontSize: 13))
|
|
]),
|
|
]),
|
|
)),
|
|
),
|
|
TableCell(
|
|
child: Padding(
|
|
padding: rowPadding,
|
|
child: Text(track.album ?? '', style: textStyle),
|
|
),
|
|
),
|
|
TableCell(
|
|
child: Padding(
|
|
padding: rowPadding,
|
|
child: InkWell(
|
|
onTap: () async {
|
|
isDownloading = track.number;
|
|
downloadProvider.reload();
|
|
if (track.id == null) {
|
|
final secondMatch =
|
|
track.artiste == '' ? track.album : track.artiste;
|
|
final resultUrl = await yt.search
|
|
.search(track.title + ' ' + secondMatch!);
|
|
track.id = resultUrl.first.id.value;
|
|
}
|
|
if (track.id != null) {
|
|
hp.downloadMusic(context, track);
|
|
}
|
|
isDownloading = -1;
|
|
yt.close();
|
|
downloadProvider.reload();
|
|
},
|
|
child: track.number == -1
|
|
? Text('TÉLÉCHARGER', style: textStyle)
|
|
: Consumer<DownloadProvider>(builder: (context, _, __) {
|
|
return Row(children: [
|
|
const SizedBox(width: 37),
|
|
isDownloading == track.number
|
|
? SizedBox(
|
|
height: 20,
|
|
width: 20,
|
|
child: CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
color: Colors.grey[500],
|
|
),
|
|
)
|
|
: Icon(Icons.download, color: Colors.grey[500]),
|
|
]);
|
|
}))),
|
|
),
|
|
]);
|
|
}
|
|
|
|
String timeFormat(Duration d) {
|
|
String dd = d.toString().split('.').first;
|
|
String minutes = dd.toString().split(':')[1];
|
|
String seconds = dd.toString().split(':')[2];
|
|
return '$minutes:$seconds';
|
|
}
|
|
|
|
// class AdjustableScrollController extends ScrollController {
|
|
// AdjustableScrollController([int extraScrollSpeed = 40]) {
|
|
// // super.initialScrollOffset = 50;
|
|
// super.addListener(() {
|
|
// ScrollDirection scrollDirection = super.position.userScrollDirection;
|
|
// if (scrollDirection != ScrollDirection.idle) {
|
|
// double scrollEnd = super.offset +
|
|
// (scrollDirection == ScrollDirection.reverse
|
|
// ? extraScrollSpeed
|
|
// : -extraScrollSpeed);
|
|
// scrollEnd = min(super.position.maxScrollExtent,
|
|
// max(super.position.minScrollExtent, scrollEnd));
|
|
// WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
// if (super.hasClients) jumpTo(scrollEnd);
|
|
// });
|
|
// }
|
|
// });
|
|
// }
|
|
// }
|