Update server.js

server.js

@@ -39,7 +39,30 @@ app.get('/tracks', async (req, res) => {
             const filePath = path.join(__dirname, 'music', file);
             try {
                 const metadata = await mm.parseFile(filePath, { native: true });
-                const artwork = metadata.common.picture && metadata.common.picture[0] ? `data:${metadata.common.picture[0].format};base64,${metadata.common.picture[0].data.toString('base64')}` : '';
+              let artwork = '';
+// Fallback path for default icon
+const fallbackIconPath = path.join(__dirname, 'music', 'icon.png');
+
+try {
+  let imageBuffer;
+  if (metadata.common.picture && metadata.common.picture[0]) {
+    imageBuffer = await sharp(metadata.common.picture[0].data)
+      .resize(256, 256, { fit: 'inside' })
+      .toBuffer();
+  } else {
+    // Use the default icon if no album art is present
+    imageBuffer = await sharp(fallbackIconPath)
+      .resize(256, 256, { fit: 'inside' })
+      .toBuffer();
+  }
+
+  // Determine the image format
+  const imageFormat = metadata.common.picture && metadata.common.picture[0] ? metadata.common.picture[0].format : 'image/png';
+  
+  artwork = `data:${imageFormat};base64,${imageBuffer.toString('base64')}`;
+} catch (e) {
+  console.error(`Error processing artwork for file: ${file}`, e);
+}
                 trackDetails.push({filename: file, artwork});
             } catch (error) {
                 console.error(`Error reading metadata for file: ${file}`, error);