溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家帶來有關利用JavaScript怎么指定音頻audio定時播放，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
function getAudioDuration(src) {
let audio = document.createElement('audio') //生成一個audio元素
audio.src = src //音樂的路徑
audio.addEventListener("canplay", function () {
console.log("音頻長度=>>>：", parseInt(audio.duration) + '秒', '音頻時分秒格式：', timeToMinute(parseInt(audio
.duration)));
});
}// 音頻加載完成后的一系列操作
function duration() {
var myVid = document.getElementById("videoDiv");
console.log("duration ", myVid);
if (myVid != null) {
var duration;
myVid.load(); //方法重新加載音頻/視頻元素
// https://www.w3school.com.cn/tags/av_prop_currenttime.asp
// currentTime 屬性設置或返回音頻/視頻播放的當前位置（以秒計）。
// 當設置該屬性時，播放會跳躍到指定的位置。
myVid.currentTime = 20; //默認指定音頻默認從20s的時候開始播放（默認時間為s）
myVid.oncanplay = function () {
//duration 屬性返回當前音頻的長度，以秒計。
console.log("音頻時間", myVid.duration);
console.log("時分秒格式轉化：", timeToMinute(myVid.duration))
}
}
}秒轉換時分鐘00:00:00時分秒格式：
function timeToMinute(times) {
var t;
if (times > -1) {
var hour = Math.floor(times / 3600);
var min = Math.floor(times / 60) % 60;
var sec = times % 60;
if (hour < 10) {
t = '0' + hour + ":";
} else {
t = hour + ":";
}
if (min < 10) {
t += "0";
}
t += min + ":";
if (sec < 10) {
t += "0";
}
t += sec.toFixed(2);
}
t = t.substring(0, t.length - 3);
return t;
}00:00:00時分秒格式轉化為秒：
function timeEvent(e) {
let time = e;
var len = time.split(':');
if (len.length == 3) {
var hour = time.split(':')[0];
var min = time.split(':')[1];
var sec = time.split(':')[2];
return Number(hour * 3600) + Number(min * 60) + Number(sec);
}
if (len.length == 2) {
var min = time.split(':')[0];
var sec = time.split(':')[1];
return Number(min * 60) + Number(sec);
}
if (len.length == 1) {
var sec = time.split(':')[0];
return Number(sec);
}
}完整代碼：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<audio controls autoplay start="01:00" id='videoDiv'>
<source src="http://mp3.9ku.com/hot/2005/05-19/65937.mp3" type="audio/ogg">
</audio>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
//js獲取某個mp3音頻文件的播放時長
getAudioDuration('http://mp3.9ku.com/hot/2005/05-19/65937.mp3');
duration();
console.log("轉化為多少秒=》》", timeEvent("00:14:36"));
})
// 音頻加載完成后的一系列操作
function duration() {
var myVid = document.getElementById("videoDiv");
console.log("duration ", myVid);
if (myVid != null) {
var duration;
myVid.load(); //方法重新加載音頻/視頻元素
// https://www.w3school.com.cn/tags/av_prop_currenttime.asp
// currentTime 屬性設置或返回音頻/視頻播放的當前位置（以秒計）。
// 當設置該屬性時，播放會跳躍到指定的位置。
myVid.currentTime = 20; //默認指定音頻默認從20s的時候開始播放（默認時間為s）
myVid.oncanplay = function () {
//duration 屬性返回當前音頻的長度，以秒計。
console.log("音頻時間", myVid.duration);
console.log("時分秒格式轉化：", timeToMinute(myVid.duration))
}
}
}
function getAudioDuration(src) {
let audio = document.createElement('audio') //生成一個audio元素
audio.src = src //音樂的路徑
audio.addEventListener("canplay", function () {
console.log("音頻長度=>>>：", parseInt(audio.duration) + '秒', '音頻時分秒格式：', timeToMinute(parseInt(audio
.duration)));
});
}
// 秒轉換時分鐘00:00:00格式
function timeToMinute(times) {
var t;
if (times > -1) {
var hour = Math.floor(times / 3600);
var min = Math.floor(times / 60) % 60;
var sec = times % 60;
if (hour < 10) {
t = '0' + hour + ":";
} else {
t = hour + ":";
}
if (min < 10) {
t += "0";
}
t += min + ":";
if (sec < 10) {
t += "0";
}
t += sec.toFixed(2);
}
t = t.substring(0, t.length - 3);
return t;
}
// 00:00:00時分秒格式轉化為秒
function timeEvent(e) {
let time = e;
var len = time.split(':');
if (len.length == 3) {
var hour = time.split(':')[0];
var min = time.split(':')[1];
var sec = time.split(':')[2];
return Number(hour * 3600) + Number(min * 60) + Number(sec);
}
if (len.length == 2) {
var min = time.split(':')[0];
var sec = time.split(':')[1];
return Number(min * 60) + Number(sec);
}
if (len.length == 1) {
var sec = time.split(':')[0];
return Number(sec);
}
}
</script>
</body>
</html>上述就是小編為大家分享的利用JavaScript怎么指定音頻audio定時播放了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
