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

Port aaf91abffa to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
master
ThibG 5 years ago
parent ad978ab1d4
commit 1ad79d11f3
  1. 3
      app/javascript/flavours/glitch/features/audio/index.js

@ -228,6 +228,7 @@ class Audio extends React.PureComponent {
componentDidMount () { componentDidMount () {
const img = new Image(); const img = new Image();
img.crossOrigin = 'anonymous';
img.onload = () => this.handlePosterLoad(img); img.onload = () => this.handlePosterLoad(img);
img.src = this.props.poster; img.src = this.props.poster;
} }
@ -235,6 +236,7 @@ class Audio extends React.PureComponent {
componentDidUpdate (prevProps, prevState) { componentDidUpdate (prevProps, prevState) {
if (prevProps.poster !== this.props.poster) { if (prevProps.poster !== this.props.poster) {
const img = new Image(); const img = new Image();
img.crossOrigin = 'anonymous';
img.onload = () => this.handlePosterLoad(img); img.onload = () => this.handlePosterLoad(img);
img.src = this.props.poster; img.src = this.props.poster;
} }
@ -588,6 +590,7 @@ class Audio extends React.PureComponent {
onPause={this.handlePause} onPause={this.handlePause}
onProgress={this.handleProgress} onProgress={this.handleProgress}
onTimeUpdate={this.handleTimeUpdate} onTimeUpdate={this.handleTimeUpdate}
crossOrigin='anonymous'
/> />
<canvas <canvas

Loading…
Cancel
Save