【问题标题】:Duration of Video in Express.js: NaNExpress.js 中视频的持续时间:NaN
【发布时间】:2013-04-18 03:53:24
【问题描述】:

我正在尝试在 Express.js 中获取视频的总时长。下面我在 Jade 中展示了我的代码。最初我将视频包含在网页中。

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。我试图阅读一些关于为什么会发生这种情况的帖子,显然它与“字节”问题或发送标头或类似问题有关。有人可以向我解释发生这种情况的原因以及如何解决吗?谢谢。

【问题讨论】:

    标签: javascript html video express pug


    【解决方案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));
         });
    });
    

    【讨论】:

    • 它不会向终端打印任何内容。
    • 问题是因为我在源而不是视频中声明了“theVideo”。谢谢:D
    猜你喜欢
    • 2021-12-14
    • 1970-01-01
    • 2016-12-17
    • 2016-06-08
    • 2012-06-07
    • 2011-09-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多