673 lines
24 KiB
Dart
673 lines
24 KiB
Dart
// ignore_for_file: prefer_const_literals_to_create_immutables, avoid_print
|
|
|
|
import 'dart:io';
|
|
|
|
import 'package:fip_parser_ui/globals.dart';
|
|
import 'package:fip_parser_ui/providers/home.dart';
|
|
import 'package:fip_parser_ui/providers/player.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:fip_parser_ui/queries.dart';
|
|
import 'package:graphql/client.dart';
|
|
import 'package:kplayer/kplayer.dart';
|
|
import 'package:miniplayer/miniplayer.dart';
|
|
import 'package:path_provider/path_provider.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:retry/retry.dart';
|
|
import 'package:youtube_explode_dart/youtube_explode_dart.dart';
|
|
|
|
PlayerController? player;
|
|
Track? currentTrack;
|
|
List<Track> trackList = [];
|
|
String radio = 'groove';
|
|
int isDownloading = -1;
|
|
|
|
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> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final MiniplayerController controller = MiniplayerController();
|
|
const hours = 8;
|
|
|
|
return Stack(
|
|
children: <Widget>[
|
|
Scaffold(
|
|
body: SingleChildScrollView(
|
|
child: Column(
|
|
children: <Widget>[
|
|
Container(
|
|
color: Colors.grey[900],
|
|
height: 50,
|
|
child: Center(
|
|
child: 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!;
|
|
// getTracks(radio, hours);
|
|
});
|
|
},
|
|
items: radioList),
|
|
),
|
|
),
|
|
FutureBuilder<List<Track>>(
|
|
future: getTracks(radio, hours),
|
|
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 const Text('Error');
|
|
} 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}');
|
|
}
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Consumer<PlayerProvider>(builder: (context, playerProvider, _) {
|
|
TextEditingController trackTitle = TextEditingController();
|
|
TextEditingController trackArtiste = TextEditingController();
|
|
trackTitle.text = currentTrack?.title ?? '';
|
|
trackArtiste.text = currentTrack?.artiste ?? '';
|
|
return Miniplayer(
|
|
controller: controller,
|
|
backgroundColor: Colors.grey[900]!,
|
|
minHeight: 70,
|
|
maxHeight: 370,
|
|
builder: (height, percentage) {
|
|
return Row(
|
|
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
currentTrack?.id != null
|
|
? Image.network(
|
|
'https://img.youtube.com/vi/${currentTrack?.id}/1.jpg',
|
|
width: 93,
|
|
)
|
|
: const SizedBox(width: 100),
|
|
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: [
|
|
Column(children: [
|
|
IconButton(
|
|
icon: Icon(Icons.skip_previous,
|
|
color: Colors.grey[500], size: 32),
|
|
onPressed: () {
|
|
if (currentTrack != null &&
|
|
currentTrack!.number > 1) {
|
|
currentTrack = trackList.firstWhere((element) =>
|
|
element.number == currentTrack!.number - 1);
|
|
playTrack(context, currentTrack!);
|
|
}
|
|
}),
|
|
const SizedBox(height: 7),
|
|
]),
|
|
const SizedBox(width: 8),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
player?.playing ?? false
|
|
? player?.pause()
|
|
: player?.play();
|
|
playerProvider.reload();
|
|
},
|
|
child: Icon(
|
|
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(
|
|
icon: Icon(Icons.skip_next,
|
|
color: Colors.grey[500], size: 32),
|
|
onPressed: () {
|
|
if (currentTrack != null &&
|
|
currentTrack!.number <
|
|
trackList.last.number) {
|
|
currentTrack = trackList.firstWhere((element) =>
|
|
element.number == currentTrack!.number + 1);
|
|
playTrack(context, currentTrack!);
|
|
}
|
|
}),
|
|
const SizedBox(height: 7),
|
|
]),
|
|
]),
|
|
const Spacer(),
|
|
Row(children: [
|
|
Text(
|
|
timeFormat(
|
|
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(
|
|
player?.position.inSeconds.toString() ?? '0'),
|
|
max: double.parse(
|
|
player?.duration.inSeconds.toString() ??
|
|
'2000'),
|
|
onChanged: (double value) {
|
|
if (player?.position != null) {
|
|
player!.position =
|
|
Duration(seconds: value.toInt());
|
|
playerProvider.reload();
|
|
}
|
|
},
|
|
activeColor: Colors.grey[400],
|
|
inactiveColor: Colors.grey[700],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 3),
|
|
Text(
|
|
timeFormat(
|
|
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: player?.volume ?? 1,
|
|
max: 1,
|
|
onChanged: (double value) {
|
|
if (player?.volume != null) {
|
|
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)],
|
|
),
|
|
);
|
|
}
|
|
|
|
class Track {
|
|
final int number;
|
|
final String title;
|
|
final String artiste;
|
|
final String? album;
|
|
String? id;
|
|
Duration? duration;
|
|
File? file;
|
|
|
|
Track(
|
|
{required this.number,
|
|
required this.title,
|
|
required this.artiste,
|
|
this.album,
|
|
this.id,
|
|
this.duration,
|
|
this.file});
|
|
}
|
|
|
|
GraphQLClient initClient() {
|
|
final _httpLink = HttpLink(
|
|
'https://openapi.radiofrance.fr/v1/graphql?x-token=$token',
|
|
);
|
|
|
|
final GraphQLClient client = GraphQLClient(
|
|
cache: GraphQLCache(),
|
|
link: _httpLink,
|
|
);
|
|
|
|
return client;
|
|
}
|
|
|
|
Future<List<Track>> getTracks(String radio, int hours) async {
|
|
// TODO: Change API to one use on website: https://www.radiofrance.fr/api/v1.7/stations/fip/webradios/fip_groove/songs?pageCursor=
|
|
const int queryTimeout = 8;
|
|
|
|
final client = initClient();
|
|
|
|
final now = (DateTime.now().millisecondsSinceEpoch ~/ 1000);
|
|
final yesterday = now - (hours * 3600);
|
|
final String radioQuery;
|
|
if (radio == 'fip') {
|
|
radioQuery = 'FIP';
|
|
} else {
|
|
radioQuery = 'FIP_${radio.toUpperCase()}';
|
|
}
|
|
|
|
final QueryOptions options = QueryOptions(
|
|
document: gql(getSongs),
|
|
pollInterval: const Duration(milliseconds: 50),
|
|
variables: <String, dynamic>{
|
|
'start': yesterday,
|
|
'end': now,
|
|
'radio': radioQuery,
|
|
},
|
|
);
|
|
|
|
QueryResult result;
|
|
result = await retry(
|
|
() async => await client
|
|
.query(options)
|
|
.timeout(const Duration(seconds: queryTimeout)),
|
|
onRetry: (_) => print('Timeout, retry...'),
|
|
);
|
|
|
|
if (result.hasException) {
|
|
print(result.exception.toString());
|
|
}
|
|
|
|
final List data = result.data?['grid'] ?? [];
|
|
print(data.length.toString() + ' songs');
|
|
|
|
// #######
|
|
|
|
int trackNbr = 0;
|
|
|
|
trackList.clear();
|
|
// final yt = YoutubeExplode();
|
|
// List resultUrlPool = [];
|
|
|
|
for (Map track in data) {
|
|
track = track['track'];
|
|
trackNbr++;
|
|
final String title = track['title'];
|
|
final String artiste;
|
|
if (track['mainArtists'].isNotEmpty) {
|
|
artiste = track['mainArtists'].first;
|
|
} else {
|
|
artiste = '';
|
|
}
|
|
final String album = track['albumTitle'];
|
|
|
|
final thisTrack =
|
|
Track(number: trackNbr, title: title, artiste: artiste, album: album);
|
|
trackList.add(thisTrack);
|
|
|
|
// final secondMatch = artiste == '' ? album : artiste;
|
|
// final resultUrl = yt.search.search(title + ' ' + secondMatch);
|
|
|
|
// resultUrlPool.add(resultUrl);
|
|
|
|
// resultUrl.then((value) {
|
|
// try {
|
|
// trackList[trackNbr - 1].id = value.first.id.value;
|
|
// } catch (e) {
|
|
// print(
|
|
// 'Error: ' + trackList[trackNbr - 1].title + ' -> ' + e.toString());
|
|
// }
|
|
// });
|
|
}
|
|
|
|
// trackList.sort((a, b) => a.number.compareTo(b.number));
|
|
|
|
// final secondMatch =
|
|
// trackList[0].artiste == '' ? trackList[0].album : trackList[0].artiste;
|
|
// yt.search.search(trackList[0].title + ' ' + secondMatch!).then((resultUrl) {
|
|
// trackList[0].id = resultUrl.first.id.value;
|
|
|
|
// player = Player.network(
|
|
// "https://invidious.fdn.fr/embed/${trackList[0].id}?raw=1&?listen=1");
|
|
// currentTrack = trackList[0];
|
|
// });
|
|
return trackList;
|
|
}
|
|
|
|
TableRow _buildTableRow(Track track, BuildContext context) {
|
|
DownloadProvider downloadProvider =
|
|
Provider.of<DownloadProvider>(context, listen: false);
|
|
|
|
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) {
|
|
playTrack(context, track);
|
|
}
|
|
},
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Consumer<PlayerProvider>(
|
|
builder: (context, playerProvider, _) {
|
|
return Text(track.title,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.normal,
|
|
color: currentTrack == track
|
|
? Colors.green
|
|
: Colors.grey[350],
|
|
fontSize: 14));
|
|
}),
|
|
const SizedBox(height: 5),
|
|
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) {
|
|
downloadMusic(context, track);
|
|
}
|
|
isDownloading = -1;
|
|
yt.close();
|
|
downloadProvider.reload();
|
|
},
|
|
child: track.number == -1
|
|
? Text('TÉLÉCHARGER', style: textStyle)
|
|
: Consumer<DownloadProvider>(
|
|
builder: (context, playerProvider, _) {
|
|
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]),
|
|
]);
|
|
}))),
|
|
),
|
|
]);
|
|
}
|
|
|
|
Future playTrack(BuildContext context, Track track) async {
|
|
var yt = YoutubeExplode();
|
|
PlayerProvider playerProvider =
|
|
Provider.of<PlayerProvider>(context, listen: false);
|
|
HomeProvider homeProvider = Provider.of<HomeProvider>(context, listen: false);
|
|
|
|
// track = trackList[track.number - 1];
|
|
currentTrack = track;
|
|
|
|
final currentVolume = player?.volume ?? 1;
|
|
player?.dispose();
|
|
Future.delayed(const Duration(milliseconds: 5));
|
|
|
|
if (track.file == null) {
|
|
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;
|
|
}
|
|
player = Player.network(
|
|
"https://invidious.fdn.fr/embed/${track.id}?raw=1&?listen=1");
|
|
print(track.id);
|
|
} else {
|
|
player = Player.asset(track.file!.path);
|
|
}
|
|
player!.volume = currentVolume;
|
|
|
|
try {
|
|
player!.play();
|
|
} catch (e) {
|
|
print('Play error: ' + e.toString());
|
|
}
|
|
Future.delayed(const Duration(milliseconds: 500));
|
|
player!.callback = (PlayerEvent event) {
|
|
if (event.name == 'position') {
|
|
currentTrack!.duration = player!.duration;
|
|
playerProvider.reload();
|
|
}
|
|
if (event.name == 'status') {
|
|
var nextTrack =
|
|
trackList.firstWhere((element) => element.number == track.number + 1);
|
|
playTrack(context, nextTrack);
|
|
}
|
|
};
|
|
|
|
playerProvider.reload();
|
|
homeProvider.reload();
|
|
yt.close();
|
|
}
|
|
|
|
Future downloadMusic(BuildContext context, Track track) async {
|
|
var yt = YoutubeExplode();
|
|
var manifest = await yt.videos.streamsClient.getManifest(track.id);
|
|
var streamManifest = StreamManifest(manifest.streams);
|
|
var streamInfo = streamManifest.audioOnly.withHighestBitrate();
|
|
var stream = yt.videos.streamsClient.get(streamInfo);
|
|
|
|
final filePath = await getDownloadsDirectory();
|
|
final fileName = '${track.title} - ${track.artiste}'
|
|
.replaceAll('\\', '')
|
|
.replaceAll('/', '')
|
|
.replaceAll(':', '')
|
|
.replaceAll('*', '')
|
|
.replaceAll('?', '')
|
|
.replaceAll('"', '')
|
|
.replaceAll('<', '')
|
|
.replaceAll('>', '')
|
|
.replaceAll('|', '');
|
|
var file = File('${filePath!.path}/$fileName.webm');
|
|
var fileStream = file.openWrite();
|
|
|
|
await stream.pipe(fileStream);
|
|
|
|
await fileStream.flush();
|
|
await fileStream.close();
|
|
yt.close();
|
|
|
|
// Play it
|
|
track.file = file;
|
|
// playTrack(context, track);
|
|
|
|
print(file.path);
|
|
}
|
|
|
|
// final radioList = [
|
|
// 'fip',
|
|
// 'electro',
|
|
// 'groove',
|
|
// 'rock',
|
|
// 'jazz',
|
|
// 'pop',
|
|
// 'reggae',
|
|
// 'world',
|
|
// 'nouveautes',
|
|
// ];
|
|
|
|
List<DropdownMenuItem<String>> get radioList {
|
|
List<DropdownMenuItem<String>> menuItems = [
|
|
const DropdownMenuItem(child: Text("FIP"), value: "fip"),
|
|
const DropdownMenuItem(child: Text("Electro"), value: "electro"),
|
|
const DropdownMenuItem(child: Text("Groove"), value: "groove"),
|
|
const DropdownMenuItem(child: Text("Rock"), value: "rock"),
|
|
const DropdownMenuItem(child: Text("Jazz"), value: "jazz"),
|
|
const DropdownMenuItem(child: Text("Pop"), value: "pop"),
|
|
const DropdownMenuItem(child: Text("Reggae"), value: "reggae"),
|
|
const DropdownMenuItem(child: Text("World"), value: "world"),
|
|
const DropdownMenuItem(child: Text("Nouveautes"), value: "nouveautes"),
|
|
];
|
|
return menuItems;
|
|
}
|
|
|
|
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';
|
|
}
|