From: ThibG <thib@sitedethib.com>
Date: Mon, 22 Jun 2020 17:24:16 +0000 (+0200)
Subject: [Glitch] Fix audio player not working when media files are hosted on a different... 
X-Git-Url: https://git.xn--scling-oua.cat.family/?a=commitdiff_plain;h=1ad79d11f3b53d21669a01778b4efa8deb3cee58;p=mastodon.git

[Glitch] Fix audio player not working when media files are hosted on a different domain

Port aaf91abffae590b2db1b9e6a7dd2a9e2b06b06ca to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
---

diff --git a/app/javascript/flavours/glitch/features/audio/index.js b/app/javascript/flavours/glitch/features/audio/index.js
index 172fe4c30..c7f807c8e 100644
--- a/app/javascript/flavours/glitch/features/audio/index.js
+++ b/app/javascript/flavours/glitch/features/audio/index.js
@@ -228,6 +228,7 @@ class Audio extends React.PureComponent {
  
   componentDidMount () {
     const img = new Image();
+    img.crossOrigin = 'anonymous';
     img.onload = () => this.handlePosterLoad(img);
     img.src = this.props.poster;
   }
@@ -235,6 +236,7 @@ class Audio extends React.PureComponent {
   componentDidUpdate (prevProps, prevState) {
     if (prevProps.poster !== this.props.poster) {
       const img = new Image();
+      img.crossOrigin = 'anonymous';
       img.onload = () => this.handlePosterLoad(img);
       img.src = this.props.poster;
     }
@@ -588,6 +590,7 @@ class Audio extends React.PureComponent {
           onPause={this.handlePause}
           onProgress={this.handleProgress}
           onTimeUpdate={this.handleTimeUpdate}
+          crossOrigin='anonymous'
         />
 
         <canvas