Merge pull request 'RESPONSABILITY_PLAYER_LDE' (#24) from RESPONSABILITY_PLAYER_LDE into master

Reviewed-on: #24

Sources/justMUSIC/lib/components/music_list_component.dart

@@ -6,9 +6,15 @@ import '../model/Music.dart';
 
 class MusicListComponent extends StatelessWidget {
   final Music music;
+  final bool playing;
+  final int index;
+  final Function(int) selectMusic;
   const MusicListComponent({
     Key? key,
     required this.music,
+    required this.playing,
+    required this.selectMusic,
+    required this.index,
   }) : super(key: key);
 
   @override
@@ -90,9 +96,14 @@ class MusicListComponent extends StatelessWidget {
             ),
           ),
           Spacer(),
-          PlayButtonComponent(
+          music.previewUrl != null
-            urlPreview: music.previewUrl,
+              ? PlayButtonComponent(
+                  music: music,
+                  callback: selectMusic,
+                  playing: playing,
+                  index: index,
                 )
+              : Container()
         ],
       ),
     );

Sources/justMUSIC/lib/components/play_button_component.dart

@@ -3,9 +3,19 @@ import 'package:flutter/Material.dart';
 import 'package:flutter_animated_play_button/flutter_animated_play_button.dart';
 import 'package:ionicons/ionicons.dart';
 
+import '../model/Music.dart';
+
 class PlayButtonComponent extends StatefulWidget {
-  final String? urlPreview;
+  final Music music;
-  const PlayButtonComponent({Key? key, required this.urlPreview})
+  final Function callback;
+  final int index;
+  bool playing;
+  PlayButtonComponent(
+      {Key? key,
+      required this.music,
+      required this.callback,
+      required this.playing,
+      required this.index})
       : super(key: key);
 
   @override
@@ -13,13 +23,12 @@ class PlayButtonComponent extends StatefulWidget {
 }
 
 class _PlayButtonComponentState extends State<PlayButtonComponent> {
-  bool isPlaying = true;
   final player = AudioPlayer();
   void switchStatePlaying() {
     setState(() {
-      isPlaying = !isPlaying;
+      widget.playing = !widget.playing;
     });
-    stopSong();
+    widget.music.stopSong();
   }
 
   @override
@@ -32,12 +41,14 @@ class _PlayButtonComponentState extends State<PlayButtonComponent> {
 
   @override
   Widget build(BuildContext context) {
-    if (!isPlaying) {
+    if (widget.playing) {
-      playSong();
+      widget.music.playSong();
     } else {}
-    return isPlaying
+    return !widget.playing
         ? GestureDetector(
-            onTap: switchStatePlaying,
+            onTap: () {
+              widget.callback(widget.index);
+            },
             child: Container(
                 width: 30,
                 height: 30,
@@ -59,14 +70,4 @@ class _PlayButtonComponentState extends State<PlayButtonComponent> {
               ),
             ));
   }
-
-  Future<void> playSong() async {
-    if (widget.urlPreview != null) {
-      await player.play(UrlSource(widget.urlPreview ?? ""));
-    }
-  }
-
-  Future<void> stopSong() async {
-    await player.stop();
-  }
 }

Sources/justMUSIC/lib/main.dart

@@ -1,3 +1,4 @@
+import 'package:audioplayers/audioplayers.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
@@ -18,6 +19,7 @@ void main() {
 class MyApp extends StatelessWidget {
   static UserViewModel userViewModel = UserViewModel();
   static MusicViewModel musicViewModel = MusicViewModel();
+  static AudioPlayer audioPlayer = AudioPlayer();
 
   const MyApp({super.key});
 

Sources/justMUSIC/lib/model/Music.dart

@@ -1,4 +1,7 @@
+import 'package:audioplayers/audioplayers.dart';
+
 import 'Artist.dart';
+import '../main.dart';
 
 class Music {
   final String _id;
@@ -58,4 +61,14 @@ class Music {
   set artists(List<Artist> value) {
     _artists = value;
   }
+
+  Future<void> playSong() async {
+    if (previewUrl != null) {
+      await MyApp.audioPlayer.play(UrlSource(previewUrl!));
+    }
+  }
+
+  Future<void> stopSong() async {
+    await MyApp.audioPlayer.stop();
+  }
 }