Use fetch instead of decode

GoogleChrome · Dec 16, 2024 · d43ab54 · d43ab54
1 parent 2abc188
commit d43ab54
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/media-session/audio.js b/media-session/audio.js
@@ -139,10 +139,9 @@ video.srcObject = canvas.captureStream();
 video.muted = true;
 
 async function showPictureInPictureWindow() {
-  const image = new Image();
-  image.crossOrigin = true;
-  image.src = [...navigator.mediaSession.metadata.artwork].pop().src;
-  await image.decode();
+  const response = await fetch([...navigator.mediaSession.metadata.artwork].pop().src);
+  const blob = await response.blob();
+  const image = await createImageBitmap(blob);
 
   canvas.getContext('2d').drawImage(image, 0, 0, 512, 512);
   await video.play();