HTML5视频显示时间在Javascript -特别是秒
HTML5 video showing time in Javascript - especially seconds
我想问在Javascript中显示HTML5视频时间的最佳方法。我可以用Javascript计算小时,分钟和秒,但是!!秒显示有时快,有时慢,这取决于射击视频。ontimeupdate事件。我希望每秒钟都能准确显示视频时间。换句话说,我想达到每秒钟精确显示时间,而不是像0:00:01显示一秒半,0:00:02显示一秒,然后0:00:03显示半秒,然后0:00:04显示一秒等等。只是随机。是否有某种方法可以精确地显示秒,或者它是无法实现的行为?
编辑:好吧,我张贴我的代码,但我不认为它会更清楚。我要求正确显示视频时间的每一秒时间,而不是某一秒快或某一秒慢。我知道有一个函数setInterval,但它与视频时间无关。下面是代码:var time=window.document.getElementById('time'); //time is element <div id="time"></div> showing the time
var st; //show time
video.ontimeupdate=function(){
ct=parseInt(video.currentTime); //ct is current time
if(st!=ct) //little effort to optimize processing and showing the time
{
st=ct;
var hours=parseInt(st/3600);
var minutes=parseInt((st%3600)/60);
var seconds=parseInt(st%60);
if((''+minutes).length==1)minutes='0'+minutes;
if((''+seconds).length==1)seconds='0'+seconds;
time.innerHTML=''+hours+':'+minutes+':'+seconds;
}
};
我认为代码是正确的,但是在触发ontimeupdate事件时有一些不规律。也许我有一些解决方案-如果播放按钮被按下,然后使用setInterval显示时间精确每秒,如果暂停或停止按下- clearInterval(intervalId)。如果有人能给出更精确的解决方案,我将不胜感激。
我似乎没有任何代码,所以我不能真正回答这个问题。从你说你有代码,但有问题,它显示正确的时间。
我也不明白你想要完成什么,因为HTML5有一个标准的视频标签(见这里)
显示秒等。
现在显示一个计时器(这是为了演示的目的,只是真的不相关,但认为它可以帮助)
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
因为我没有代码可以参考-我也会推荐这个:https://github.com/videojs/video.js/
祝你好运,如果你编辑和邮政编码,我可能能够理解更多的谢谢!
相关文章:
- 如何将chrome扩展功能移植到移动设备(特别是jquery和trello)
- 从网站(特别是Trello.com)获取JSON文件
- 使javascript警报/确认对话框更加可见(特别是在Google Chrome浏览器中)
- 特别是将javascript添加到类中,而不是添加到另一个类中
- Piwik自定义插件开发/JQPlot(特别是:Piwik 1.7.1中的seriesPicker)
- 多文件上传,支持所有浏览器,特别是ie7,ie8和ie9
- 无序字符串中特定于Javascript的字符数
- 如何从浏览器中删除Skype呼叫工具?特别是Chrome
- 编译用于调试的私有api——特别是_enableRemoteInspector
- 如何模拟AngularJS中的构造函数(特别是Date()构造函数)
- 究竟如何getElementsByClassName工作在Chrome?,特别是w.r.t. NodeLists &;延
- 如何轻松运行本地内容(javascript, Flash),特别是在IE11中
- 如何抑制退格时,日期字段日历是活跃的extjs 4,特别是在IE中
- HTML5视频显示时间在Javascript -特别是秒
- AJAX构建和部署环境,特别是javascript和css min,完整版本
- 如何从HTML表中提取数据,特别是<td id=“;单词“>,使用JavaScript
- 在JavaScript中添加一个全局变量/函数(特别是NativeScript)
- JavaScript确定是否不相等的正确方法,特别是在typeof的情况下
- 是否有管理事件的“量子状态变化”的有用模式?(特别是在JavaScript中)
- 无法让gitHub API在javascript中工作.特别是gitdata.getCommit