Display music title & artist

lib/ui/cover_image.dart

@@ -10,6 +10,7 @@ class CoverImage extends StatelessWidget {
   final double? height;
   final BoxFit? fit;
   final Icon? icon;
+  final Color? backgroundColor;
 
   const CoverImage({
     Key? key,
@@ -18,6 +19,7 @@ class CoverImage extends StatelessWidget {
     this.height,
     this.icon,
     this.fit,
+    this.backgroundColor,
   }) : super(key: key);
 
   @override
@@ -37,7 +39,7 @@ class CoverImage extends StatelessWidget {
   }
 
   Widget _loadingWidget(double? progress) => Container(
-        color: Colors.black,
+        color: backgroundColor ?? Colors.black,
         width: width,
         height: height,
         child: Center(

lib/ui/music_player.dart

@@ -1,6 +1,7 @@
 import 'dart:math';
 import 'dart:ui';
 
+import 'package:fluentui_system_icons/fluentui_system_icons.dart';
 import 'package:flutter/material.dart';
 import 'package:music_web_player/api.dart';
 import 'package:music_web_player/ui/cover_image.dart';
@@ -59,13 +60,38 @@ class _MusicPlayerState extends State<MusicPlayer> {
             ),
           )),
 
-          _buildFront(),
+          _buildCenter(),
         ],
       ),
     );
   }
 
-  Widget _buildFront() {
+  Widget _buildCenter() {
-    return Text(currMusic.artist + " - " + currMusic.title);
+    return Center(
+      child: IntrinsicHeight(
+        child: Column(
+          children: [
+            Material(
+              borderRadius: const BorderRadius.all(
+                Radius.circular(18.0),
+              ),
+              clipBehavior: Clip.hardEdge,
+              child: CoverImage(
+                width: 250,
+                height: 250,
+                music: currMusic,
+                fit: BoxFit.cover,
+                backgroundColor: Colors.black12,
+                icon: const Icon(FluentIcons.music_note_2_24_regular, size: 90),
+              ),
+            ),
+            const SizedBox(height: 40),
+            Text(currMusic.title, style: const TextStyle(fontSize: 22)),
+            const SizedBox(height: 20),
+            Text(currMusic.artist),
+          ],
+        ),
+      ),
+    );
   }
 }