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

Question

我正在像这样检测 JavaScript 中 webrtc 流的结尾...

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

这工作正常，但如果用户刷新或重新加载页面，也会显示警报。

我知道这在技术上是正确的，但如何才能让它在这些条件下不显示警报？

Answer 1

为什么不使用全局 bool 值来检查视频是否正在播放？当您重新加载或刷新页面时，isVideoRunning 将变为 false 并且警报将不会显示。

喜欢

this.isVideoRunning = false;

在addtrack上，

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

然后在 onStream 结束回调中您可以检查

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

(我希望这是评论，但我还不能评论)