haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(Video.js): prevent DOMException: The play() request was interrupted by a new load request

This commit is contained in:
Paweł Domas 2021-05-04 14:49:24 -05:00
parent 6aae1c024d
commit a605403029
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
react/features/base/media/components/web/Video.js
View File

@ -144,6 +144,7 @@ type Props = {
*/
class Video extends Component<Props> {
_videoElement: ?Object;
_mounted: boolean;
/**
* Default values for {@code Video} component's properties.
@ -189,6 +190,8 @@ class Video extends Component<Props> {
* @returns {void}
*/
componentDidMount() {
this._mounted = true;
if (this._videoElement) {
this._videoElement.volume = 0;
this._videoElement.onplaying = this._onVideoPlaying;
@ -200,7 +203,14 @@ class Video extends Component<Props> {
// Ensure the video gets play() called on it. This may be necessary in the
// case where the local video container was moved and re-attached, in which
// case video does not autoplay.
this._videoElement.play();
this._videoElement.play()
.catch(error => {
// Prevent uncaught "DOMException: The play() request was interrupted by a new load request"
// when video playback takes long to start and it starts after the component was unmounted.
if (this._mounted) {
throw error;
}
});
}
}
@ -212,6 +222,7 @@ class Video extends Component<Props> {
* @returns {void}
*/
componentWillUnmount() {
this._mounted = false;
this._detachTrack(this.props.videoTrack);
}