引用录制的视频以查看它是否正在播放(JS)

时间:2016-12-28 01:59:46

标签: javascript blob recordrtc

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

我试过以下但没有运气。

{
    id:'xxx',
    field_1:'111',
    field_2:{
        a:'aaa',
        b:'bbb',
        c:[ 
            {"a":"00","b":"01","c":02}, 
            {"a":"10","b":"11","c":12} 
        ],
        d:100
    }
    field_3:'333',
}

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分: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>