如何使用javascript通過HTML5中的<audio>標籤使用選定的音頻文件？

如何使用JavaScript通過HTML5中的<audio>標籤部署選定的音頻文件？我的代碼是這樣的：如何使用javascript通過HTML5中的<audio>標籤使用選定的音頻文件？

<audio controls id="audio1"> 
    <source src="" type="audio/ogg"> 
<source src="" type="audio/mpeg"> 
</audio>

我不想手動給src。相反，我想通過JavaScript動態設置它。

在JavaScript中，選擇從文件src：

document.querySelector('#fileSelect').addEventListener('click', function(e) { 
     // Use the native click() of the file input. 
    audio.src = document.querySelector('#fileElem').click(); 
}, false);

我歡迎任何建議。謝謝。

來源

2013-03-13 Pradeep

感謝guypursey！和mariozski在這裏，我想通過使用JavaScript來改變音頻標籤的src屬性。在JavaScript中，我選擇跟蹤音頻音軌，以便在HTML音頻標籤中播放。謝謝你們的幫助。 – Pradeep 2013-03-13 13:16:22

而不是創建一個標籤的你爲什麼不只是創建一個對象音頻和做這樣的事情：

var som = new Audio(); 
som.src = "powerup.mp3"; 
som.load();

後audio.readyState >= audio.HAVE_CURRENT_DATA 您可以撥打som.play();

這是寫了一個樣本前段時間爲一個遊戲框架：https://github.com/hamilton-lima/vaca5/blob/master/lib/audio.js

來源

2013-03-13 13:14:41

hamilton我看了你的代碼，很好，也適合遊戲目的。我試過你的建議，但它不會工作，並且無法通過使用js動態獲取所選文件輸入到

我無法使用

我並不完全相信如果我明白你想達到的目標。但要設置音頻來源，請按照以下步驟操作：

var element = document.getElementById('audio'); 
if (element.canPlayType('audio/wav')) { 
    element.src = "link"; 
} else if (element.canPlayType('audio/mpeg')) { 
    element.src = "link"; 
} else { 
    alert('Your browser does not support wav/mpeg audio.'); 
}

它不工作嗎？究竟是什麼問題？也許準備一些小提琴來仔細看看你想達到什麼。

來源

2013-03-13 13:02:26 mariozski

如何使用javascript通過HTML5中的<audio>標籤使用選定的音頻文件？

回答

相關問題