参考录制的视频以查看它是不是正在播放（JS）

Posted 2023-05-07

【中文标题】参考录制的视频以查看它是不是正在播放（JS）

【英文标题】：Referencing recorded video to see if it is playing or not (JS)参考录制的视频以查看它是否正在播放（JS）

【发布时间】：2017-05-12 06:50:48

【问题描述】：

所以我使用Muaz Khans RecordRTC 为网站录制视频和音频。我一直在尝试编写一个脚本来查看录制的视频是否正在播放。我遇到的问题是如何引用已创建的视频。

我尝试了以下方法，但没有成功。

function vidplay() 
    var video = document.getElementById("videoURL");
    if (video.paused) 

        //DESIRED ACTION 

     else 

        //DESIRED ACTION
    

任何帮助将不胜感激。

【问题讨论】：

这个重复？ ***.com/questions/6877403/…

显示您的 html，包括动态

遗憾的是，它不是重复的，因为我的问题在创建 blob 对象时有点复杂，而且我在引用它时遇到了麻烦，而不仅仅是一个通用的视频标签。 HTML 与演示中使用的 HTML 完全相同。

你是动态创建<video>标签吗？

【参考方案1】：

请查看此演示：https://jsfiddle.net/ddxadv3y/

只需检查video.currentTime。它必须更新。

否则认为video 已暂停或结束。

<h1></h1>
<video controls muted style="width:20%;"></video>
<script>
    var video = document.querySelector('video');
    var h1 = document.querySelector('h1');

    video.onloadedmetadata = function() 
        if(lastTime) return;
        checkForTimeChange();
    ;

    var lastTime;
    function checkForTimeChange() 
        if(!lastTime) 
            lastTime = video.currentTime;
        

        if(lastTime == video.currentTime) 
            h1.innerHTML = 'paused';
        
        else 
            h1.innerHTML = 'playing';
        

        lastTime = video.currentTime;

        setTimeout(checkForTimeChange, 500);
    
</script>

<script>
    navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
    navigator.getUserMedia(video: true, function(stream) 
        video.src = URL.createObjectURL(stream);
        video.play();
    , function() );
</script>