Php 如何使用jquery获取音频当前时间并显示消息
我需要帮助。我想获取html5音频当前时间,并显示指定时间的消息 我从网上查到一些密码。请参阅下面的代码 HTMLPhp 如何使用jquery获取音频当前时间并显示消息,php,jquery,html,audio,Php,Jquery,Html,Audio,我需要帮助。我想获取html5音频当前时间,并显示指定时间的消息 我从网上查到一些密码。请参阅下面的代码 HTML <audio id="track" controls><source src="[sourceToAudioFile]" type="audio/mpeg"></audio> <input type="text" id="currentTime"> <div id="message"></div> 你知道
<audio id="track" controls><source src="[sourceToAudioFile]" type="audio/mpeg"></audio>
<input type="text" id="currentTime">
<div id="message"></div>
你知道这个代码有什么问题吗?我真的很感谢你的帮助。提前非常感谢。我在代码的JavaScript
部分做了一些更改
<script type="text/javascript">
$(document).ready(function () {
var audio = document.getElementById('track');
audio.addEventListener('timeupdate', function () {
var timeSet = 1.694568;
var _currentTime = parseFloat(audio.currentTime);
$('#currentTime').val(_currentTime);
$('#timeset').text(_currentTime);
if (_currentTime === timeSet) {
$("#message").text('Equal time!');
}
}, false);
});
</script>
这是。@Rohit416非常感谢您帮助我完成这项任务。
我添加了Math.round
,这样我可以得到整数的精确值来显示消息
$(document).ready(function () {
var audio = document.getElementById('track');
audio.addEventListener('timeupdate', function () {
var timeSet = 5;
var _currentTime = Math.round(audio.currentTime);
$('#currentTime').val(_currentTime);
$('#timeset').text(_currentTime);
if (_currentTime === timeSet) {
$("#message").text('Equal time!');
}else{
$("#message").text('NO');
}
}, false);
});
以下是更新后的工作示例:此代码遇到了什么问题?@Rohit416我无法在指定的时间内显示消息。我检查了控制台语句,结果显示\u currentTime
似乎从未与时间集的确切值匹配,可能是由于搜索的间隔步骤除此之外,代码没有任何错误,但它只需要很少的修改,因为必须匹配时间集
的精确分数值。请寻找资源。检查。那么,我如何使它等于音频的当前时间?似乎有一个当前时间的十进制值,如果有人能够解决如何使它成为精确的秒数。非常感谢你的帮助。我想要一个精确的数字,比如10秒。实际上,它会根据我喜欢的设置而改变。
$(document).ready(function () {
var audio = document.getElementById('track');
audio.addEventListener('timeupdate', function () {
var timeSet = 10;
var _currentTime = Math.round(audio.currentTime);
$('#currentTime').val(_currentTime);
$('#timeset').text(_currentTime);
if (_currentTime === timeSet) {
$("#message").text('Equal time!');
}
}, false);
});
$(document).ready(function () {
var audio = document.getElementById('track');
audio.addEventListener('timeupdate', function () {
var timeSet = 5;
var _currentTime = Math.round(audio.currentTime);
$('#currentTime').val(_currentTime);
$('#timeset').text(_currentTime);
if (_currentTime === timeSet) {
$("#message").text('Equal time!');
}else{
$("#message").text('NO');
}
}, false);
});