Javascript myAudio.play()不是函数
当我尝试播放音频文件时,收到一条奇怪的消息 在我的html中,我得到了一个声音文件:Javascript myAudio.play()不是函数,javascript,jquery,html,mp3,html5-audio,Javascript,Jquery,Html,Mp3,Html5 Audio,当我尝试播放音频文件时,收到一条奇怪的消息 在我的html中,我得到了一个声音文件: <audio id="song" src="song.mp3"></audio> 我没有听到声音,控制台上显示警告信息:“myAudio.play()不是功能”。基于您的问题的示例解决方案: var myAudio=$(“#歌曲”)[0]; var显示=假; 函数togglePlay(){ 如果(显示){ myAudio.pause(); }否则{ myAudio.play(); }
<audio id="song" src="song.mp3"></audio>
我没有听到声音,控制台上显示警告信息:“myAudio.play()不是功能”。基于您的问题的示例解决方案:
var myAudio=$(“#歌曲”)[0];
var显示=假;
函数togglePlay(){
如果(显示){
myAudio.pause();
}否则{
myAudio.play();
}
};
myAudio.onplaying=函数(){
isplay=true;
};
myAudio.onpause=函数(){
isplay=false;
};代码>
var myAudio=$(“歌曲”)代码>-返回jQueery对象,而不是HTML元素。。。jQueery对“玩”一无所知。。。使用var myAudio=document.getElementByID('song')代码>-或者,如果您决定使用jQueery完成这样一个简单的任务,请使用var myAudio=$(“#歌曲”)[0]
这样myAudio就有了唯一一个带有该ID的音频标签。谢谢。现在它告诉我document.getElementByID不是一个函数!!由于我的故意错误-文档。getElementById
是您正在寻找的真正函数
<img onclick="togglePlay()" src="image.png" width="100%">
</div>
var myAudio = $("#song");
var isPlaying = false;
function togglePlay() {
if (isPlaying) {
myAudio.pause();
} else {
myAudio.play();
}
};
myAudio.onplaying = function() {
isPlaying = true;
};
myAudio.onpause = function() {
isPlaying = false;
};