I am doing this Javascript (vanilla JS) 30 days challenge by http://wesbos.com . and im trying not to look at the reference code for the first challenge.
Any way, I am trying to make this code work, but i eventually get this error : " Uncaught TypeError: audElem.play is not a function "
This is my code :
function functionA( item){
// alert("HEYYY")
item.classList.add("playing");
var audElem= item.getElementsByTagName('audio') [0].getElementsByTagName('source')[0];
var song= audElem.getAttribute('src');
song.currentTime=0;
song.play();
}
And this the html part:
<li class="flex-item " > A
<span class="flex-SubItem"> <br /> BOOM </span>
<audio id="boom" >
<source src="sound-effects/boom.mp3" type="audio/mpeg">
</audio>
</li>
I tried to figured it out but nothing. I have no one to ask but you guys. I hope i get answers. thank any way :)
play
是<audio>
对象的一种方法,但您正在从<source>
对象的属性中获取的字符串上调用它。
For who ever is interested i finally managed to make it work by getting the id of the audio tag and call it after that. here's the code:
function functionA( item){
item.classList.add("playing");
var audElem= item.getElementsByTagName('audio')[0].getAttribute('id');
var song = document.getElementById(audElem);
song.play();
}
You should call play()
on the audio element.
document.getElementById('boom').play();
I had the same problem and just fixed it using querySelector. In your case, you can replace the code below:
var audElem= item.getElementsByTagName('audio') [0].getElementsByTagName('source')[0];
var song= audElem.getAttribute('src');
with this single line here:
document.querySelector('boom').play();
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.