Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 多个音频地址捕捉到HTML项_Javascript_Jquery_Dom - Fatal编程技术网

Javascript 多个音频地址捕捉到HTML项

Javascript 多个音频地址捕捉到HTML项,javascript,jquery,dom,Javascript,Jquery,Dom,需要帮助的网页开发人员。 如何在函数jquery中注册多个音频地址(url),并将mp3文件的这些地址绑定到html中的元素 <h2>W</h2> <button id="play">Play</button> <button id="pause">Pause</button> <br> <h2>E</h2> <button id="play">Play</button&

需要帮助的网页开发人员。 如何在函数jquery中注册多个音频地址(url),并将mp3文件的这些地址绑定到html中的元素

<h2>W</h2>
<button id="play">Play</button>
<button id="pause">Pause</button>
<br>
<h2>E</h2>
<button id="play">Play</button>
<button id="pause">Pause</button>


$(document).ready(function() {
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 
'https://s3.amazonaws.com/freecodecamp/drums/Kick_n_Hat.mp3'); 
W
玩
暂停

E 玩 暂停 $(文档).ready(函数(){ var audioElement=document.createElement('audio'); audioElement.setAttribute('src', 'https://s3.amazonaws.com/freecodecamp/drums/Kick_n_Hat.mp3');
var地址=[”http://www.sousound.com/music/healing/healing_01.mp3", "https://s3.amazonaws.com/freecodecamp/drums/Kick_n_Hat.mp3" ];
var body=document.getElementById(“audios”);
设audiohtml=[];
地址。映射((地址,i)=>{
audiohtml.push(`

E 玩 暂停`) }); body.innerHTML=audiohtml; 功能切换播放(一){ var myAudio=document.getElementById(`myAudio${i}`); myAudio.play(); }; 功能切换暂停(i){ var myAudio=document.getElementById(`myAudio${i}`); myAudio.pause() };

JS-Bin

请避免截图,这是一种不好的做法。当您提出问题时,请将代码粘贴在问题中,并将其附在wysiwyg组件上的代码标签中 Благодарю вас!Отметка засчиталась? новичок на сайте, разбираюсь в функциях сайта