jjzjj

currentTime

全部标签

javascript - HTML5 : How to get currentTime and duration of Audio Tag in milliseconds

我在我的模板中使用HTML5音频标签播放声音文件。出于某种目的,我需要跟踪显示最多毫秒的currentTime和持续时间。现在我只能在几秒钟内获得这些值。有什么可能的方法吗?下面是我的代码:HTML"ontimeupdate="TrackAudio(this)">YourbrowserdoesnotsupporttheaudioelementJAVASCRIPTfunctionTrackAudio(element){varcurTime=Math.floor(element.currentTime);console.log(curTime)//Valueinseconds.}

javascript - HTML5 : How to get currentTime and duration of Audio Tag in milliseconds

我在我的模板中使用HTML5音频标签播放声音文件。出于某种目的,我需要跟踪显示最多毫秒的currentTime和持续时间。现在我只能在几秒钟内获得这些值。有什么可能的方法吗?下面是我的代码:HTML"ontimeupdate="TrackAudio(this)">YourbrowserdoesnotsupporttheaudioelementJAVASCRIPTfunctionTrackAudio(element){varcurTime=Math.floor(element.currentTime);console.log(curTime)//Valueinseconds.}

javascript - audio.currentTime invalidStateError IE11, JS, HTML5

我在IE11中遇到这个错误,我临时更改了一个数字上的所有变量,但我无法摆脱这个错误。audio.currentTime=10;错误看起来像:SCRIPT5022:InvalidStateError此脚本在Chrome和Firefox中运行良好。根据thispage它应该有效。 最佳答案 我知道这个问题很老,但我刚遇到同样的问题,想发布我学到的东西。您的音频播放器是否成功加载了音频?如果src="#"或者您为播放器提供了错误的音频文件路径,您提供的代码行将给出您提到的错误。我建议尝试使用以下代码,其中audioPlayer是音频元素的

javascript - audio.currentTime invalidStateError IE11, JS, HTML5

我在IE11中遇到这个错误,我临时更改了一个数字上的所有变量,但我无法摆脱这个错误。audio.currentTime=10;错误看起来像:SCRIPT5022:InvalidStateError此脚本在Chrome和Firefox中运行良好。根据thispage它应该有效。 最佳答案 我知道这个问题很老,但我刚遇到同样的问题,想发布我学到的东西。您的音频播放器是否成功加载了音频?如果src="#"或者您为播放器提供了错误的音频文件路径,您提供的代码行将给出您提到的错误。我建议尝试使用以下代码,其中audioPlayer是音频元素的

html - 无缝音频循环到任意位置

我最喜欢MOD格式的一件事是能够循环回到歌曲中的任何给定点,这使其非常适合具有“前奏”和“主循环”的歌曲。当然,MP3做不到这一点。到目前为止,我做过这样的事情:其中浮点值是主循环开始的时间。虽然这有效,但在音频重新启动时会有明显的几分之一秒停顿。我可以通过将目标时间设置得比它应该的时间提前一点来减轻这种暂停的影响,这样节拍至少在时间上保持更接近,但这并不是很理想。我能想到的主要替代方法是手动循环播放音频文件(例如,在Audacity中通过复制粘贴)来制作一首比最可能需要的歌曲更长的歌曲,但问题在于这会导致硬盘空间和带宽的大量浪费,也解决不了人们喜欢一首歌而停下来听很长时间的问题。所以

html - 无缝音频循环到任意位置

我最喜欢MOD格式的一件事是能够循环回到歌曲中的任何给定点,这使其非常适合具有“前奏”和“主循环”的歌曲。当然,MP3做不到这一点。到目前为止,我做过这样的事情:其中浮点值是主循环开始的时间。虽然这有效,但在音频重新启动时会有明显的几分之一秒停顿。我可以通过将目标时间设置得比它应该的时间提前一点来减轻这种暂停的影响,这样节拍至少在时间上保持更接近,但这并不是很理想。我能想到的主要替代方法是手动循环播放音频文件(例如,在Audacity中通过复制粘贴)来制作一首比最可能需要的歌曲更长的歌曲,但问题在于这会导致硬盘空间和带宽的大量浪费,也解决不了人们喜欢一首歌而停下来听很长时间的问题。所以

Chrome 中的 HTML5 视频标签 - 为什么从我的网络服务器下载视频时忽略 currentTime?

我希望能够使用HTML5video标签播放特定时间的视频(目前只需要担心Chrome)。这可以通过设置视频元素的currentTime属性来实现。对于来自html5rocks.com的视频,这在Chrome中运行良好,但当从我自己的本地网络服务器加载相同文件时,它会被忽略。使用http://playground.html5rocks.com/#video_tag中的示例代码,我得到了以下HTML:varplay=function(){document.getElementById("video1").play();}varsetTime=function(){document.getE

Chrome 中的 HTML5 视频标签 - 为什么从我的网络服务器下载视频时忽略 currentTime?

我希望能够使用HTML5video标签播放特定时间的视频(目前只需要担心Chrome)。这可以通过设置视频元素的currentTime属性来实现。对于来自html5rocks.com的视频,这在Chrome中运行良好,但当从我自己的本地网络服务器加载相同文件时,它会被忽略。使用http://playground.html5rocks.com/#video_tag中的示例代码,我得到了以下HTML:varplay=function(){document.getElementById("video1").play();}varsetTime=function(){document.getE

javascript - HTML5视频播放器防寻

我正在创建一系列视频教程,希望防止用户向前搜索和跳过部分。我将使用用于桌面和iPad浏览器的HTML5视频播放器。理想情况下,我希望它也能在iPhone上运行,但我知道你无法控制手机上的视频,因为它使用iPhone视频播放器。如何防止用户在HTML5视频播放器上快进? 最佳答案 Video.js的另一个示例:videojs('example_video_1').ready(function(){varplayer=this;varpreviousTime=0;varcurrentTime=0;varseekStart=null;pl

javascript - HTML5视频播放器防寻

我正在创建一系列视频教程,希望防止用户向前搜索和跳过部分。我将使用用于桌面和iPad浏览器的HTML5视频播放器。理想情况下,我希望它也能在iPhone上运行,但我知道你无法控制手机上的视频,因为它使用iPhone视频播放器。如何防止用户在HTML5视频播放器上快进? 最佳答案 Video.js的另一个示例:videojs('example_video_1').ready(function(){varplayer=this;varpreviousTime=0;varcurrentTime=0;varseekStart=null;pl