From 94479a3474a66a258442ca054d223b9f3eb58174 Mon Sep 17 00:00:00 2001
From: John Juback <johnjuback@gmail.com>
Date: Thu, 4 Apr 2024 11:51:56 -0400
Subject: [PATCH] Revert recent changes

---
 src/Album.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/Album.js b/src/Album.js
index cda3355..c381048 100644
--- a/src/Album.js
+++ b/src/Album.js
@@ -5,6 +5,7 @@ import ListGroup from 'react-bootstrap/ListGroup';
 import Image from 'react-bootstrap/Image';
 import Tabs from 'react-bootstrap/Tabs';
 import Tab from 'react-bootstrap/Tab';
+import MediaSession from '@mebtte/react-media-session';
 
 export const Album = (props) => {
   const [trackNo, setTrackNo] = useState(0);
@@ -14,6 +15,14 @@ export const Album = (props) => {
         <Tabs defaultActiveKey="tracks" onSelect={(k) => k==="back" ? props.goBack() : {}}>
             <Tab eventKey="back" title="<<" />
             <Tab eventKey="tracks" title="Tracks">
+                <MediaSession
+                 title={props.Tracks[trackNo].Title}
+                 album={props.Title}
+                 artist={props.Artist}
+                 artwork={[
+                   { src: makeUrl(props.Cover), sizes: '96x96' }
+                 ]}
+                >
                     <audio controls src={makeUrl(props.Tracks[trackNo].Url)} autoPlay={trackNo > 0} onEnded={() => {
                         if (trackNo + 1 < props.Tracks.length) {
                             setTrackNo(trackNo + 1);
@@ -21,6 +30,7 @@ export const Album = (props) => {
                             props.goBack();
                         }
                     }}/>
+                </MediaSession>
                 <ListGroup numbered>
                     {props && props.Tracks.map((data, key) => {
                         return (