Fix audio player not working when media files are hosted on a different domain (#14118)
This commit is contained in:
		
							parent
							
								
									c6904c0d37
								
							
						
					
					
						commit
						aaf91abffa
					
				
					 1 changed files with 3 additions and 0 deletions
				
			
		| 
						 | 
				
			
			@ -229,6 +229,7 @@ class Audio extends React.PureComponent {
 | 
			
		|||
    window.addEventListener('scroll', this.handleScroll);
 | 
			
		||||
 | 
			
		||||
    const img = new Image();
 | 
			
		||||
    img.crossOrigin = 'anonymous';
 | 
			
		||||
    img.onload = () => this.handlePosterLoad(img);
 | 
			
		||||
    img.src = this.props.poster;
 | 
			
		||||
  }
 | 
			
		||||
| 
						 | 
				
			
			@ -236,6 +237,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;
 | 
			
		||||
    }
 | 
			
		||||
| 
						 | 
				
			
			@ -606,6 +608,7 @@ class Audio extends React.PureComponent {
 | 
			
		|||
          onPause={this.handlePause}
 | 
			
		||||
          onProgress={this.handleProgress}
 | 
			
		||||
          onTimeUpdate={this.handleTimeUpdate}
 | 
			
		||||
          crossOrigin='anonymous'
 | 
			
		||||
        />
 | 
			
		||||
 | 
			
		||||
        <canvas
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Reference in a new issue