Express.js中的视频持续时间:NaN

时间:2013-04-18 03:53:24

标签: javascript html5 video express pug

我想在Express.js中获取视频的总持续时间。下面我在翡翠中展示了我的代码。最初我将视频包含在网页中。

video(width='320', height='240', controls='controls')
       source(src='/images/video.mp4', type='video/ogg', id='theVideo')

然后我点击按钮调用下面的函数。

function getCurrentTime() {
    var video = document.createElement('video');
    var time = video.duration;
    document.getElementById('myTime').value=time;
   } 

'myTime'只是一个文本框。

input(id='myTime', size='5')

但是当我运行视频时,我得到NaN的持续时间。我试图阅读一些关于为什么会发生这种情况的帖子,显然它与“字节”问题有关,或者发送标题或类似内容。有人可以向我解释它发生的原因以及我如何解决它?感谢。

1 个答案:

答案 0 :(得分:1)

试试这个:

玉:

video(width='320', height='240', controls='controls', id='theVideo')
   source(src='/images/video.mp4', type='video/ogg')

JS:

window.addEventListener('load', function(){
     var video = document.getElementById('theVideo');
     video.addEventListener('loadedmetadata', function() {
         console.log(Math.round(video.duration));
     });
});
相关问题