Question

我正在尝试将视频帧数计为code here

我从here下载了videoFrame.js，位于我的网站目录中。

但是点击播放视频时不播放也会出现错误，

第ReferenceError: $ is not defined行

中的

var currentFrame = $('#currentFrame');

HTML

<!DOCTYPE html>
<html>
<head>


</head>
<body>

  <div class="frame">  
  <span id="currentFrame">0</span>
  </div>

<video height="180" width="100%" id="video"> 
  <source src="http://www.w3schools.com/html/mov_bbb.mp4"></source>
</video>

<div id="controls">
  <button id="play-pause">Play</button>
</div>


<script>

var currentFrame = $('#currentFrame');
var video = VideoFrame({
    id : 'video',
    frameRate: 29.97,
    callback : function(frame) {
        currentFrame.html(frame);
    }
});

$('#play-pause').click(function(){
    if(video.video.paused){
        video.video.play();
        video.listen('frame');
        $(this).html('Pause');
    }else{
        video.video.pause();
        video.stopListen();
        $(this).html('Play');
    }
});


</script>

</body>
</html>

Answer 1

您需要包含jQuery add

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

到html头部。

Answer 2

您需要包含jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Answer 3

尝试添加对jquery库的调用

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

获取视频帧数HTML

3 个答案: