如果重新加载页面，JavaScript将忽略警报

Question

I am detecting the end of a webrtc stream in JavaScript like this...

stream.getVideoTracks()[0].onended = () => {
    alert('Feed Has Ended');
};

This is working correctly, but if the user refreshes or reloads the page then the alert is also shown.

I understand that this is technically correct, but how can I get it to not display the alert under those conditions?

Answer 1

Why don't you use a global boolean to check if video is playing or not? When you will reload or refresh the page, isVideoRunning will become false and alert won't show.

Like

this.isVideoRunning = false;

On addtrack,

this.rtcPeerCon_.ontrack = function (event) {
    if (!this.rtcPeerCon_) {
        return;
    }
    if( !this.remoteVideo_ ) {
        return;
    }
    this.remoteVideo_.srcObject = event.streams[0];
    this.isVideoRunning = true;
}

then in your onStream ended callback you can check

if (this.isVideoRunning) {
    alert('whatever');
    this.isVideoRunning = false;
}

(I wanted this to be comment but I am not allowed to comment yet)