[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>
This commit is contained in:
parent
ad978ab1d4
commit
1ad79d11f3
1 changed files with 3 additions and 0 deletions
|
@ -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…
Reference in a new issue