我想要做的是一個輸入,當你輸入它播放的歌曲名稱時。首先我嘗試的是
function myFunction() {
var id = document.getElementById("myInput").value;
var audio = 'https://bobzilla07.github.io/Music_Tap/' id
var audio = new Audio ('audio');
audio.play();
與 html 代碼
<input id="myInput" type="text">
<button onclick="myFunction()">play</button>
哪個不起作用
所以我想如果我這樣做會怎樣
function myFunction() {
var id = document.getElementById("myInput").value;
var audio = new Audio 'https://bobzilla07.github.io/Music_Tap/' id;
audio.play();
仍然沒有作業。有沒有人知道如何修復它以使其有效?
編輯:我不擅長 json 甚至不知道我在做什么 btu 是否有可能從
<input id="myInput" type="text"> <button onclick="myFunction()">play</button>
并將其放入 json 中,然后從鏈接https://bobzilla07.github.io/Music_Tap/${song}.mp3呼叫音頻, 其中 ${song} 是來自 html 輸入的輸入
uj5u.com熱心網友回復:
我相信你也必須在這里通過擴展。這確實有效,因為此服務器啟用了 CORS。
form.addEventListener("submit", myFunction)
function myFunction(e) {
e.preventDefault();
audio.src = 'https://bobzilla07.github.io/Music_Tap/' myInput.value '.mp3';
audio.play();
}
audio { display:none;}
<form id="form">
<input id="myInput" value="Panic-Song">
<input type="submit">
</form>
<audio controls id="audio"></audio>
歌曲串列
uj5u.com熱心網友回復:
你可以這樣做:
let id = document.getElementById("myInput").value;
let audio = new Audio(`https://bobzilla07.github.io/Music_Tap/${id}.mp3`);
audio.play();
現在您可以搜索歌曲的檔案名。喜歡1979會玩1979.mp3。
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/374743.html
標籤:javascript html 变量 网址 声音的
