From 7a6ba83d0347b38873c8ce1faa5288e3f53c2e14 Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Tue, 2 Jul 2019 13:40:09 +0200
Subject: [PATCH] Handle Cross-Origin canvas error in player

---
 front/src/components/audio/Player.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue
index 8faaf670c..f074c14e0 100644
--- a/front/src/components/audio/Player.vue
+++ b/front/src/components/audio/Player.vue
@@ -356,7 +356,11 @@ export default {
         return
       }
       let image = this.$refs.cover
-      this.ambiantColors = ColorThief.prototype.getPalette(image, 4).slice(0, 4)
+      try {
+        this.ambiantColors = ColorThief.prototype.getPalette(image, 4).slice(0, 4)
+      } catch (e) {
+        console.log('Cannot generate player background from cover image, likely a cross-origin tainted canvas issue')
+      }
     },
     handleError({ sound, error }) {
       this.$store.commit("player/isLoadingAudio", false)