Javascript 在HTML中播放音频，源代码不工作
我是新来编码的，很抱歉我没有经验。我正在尝试使用HTML元素播放音频，但有一些细节：我不想要带有音量和进度条的标准HTML控件，只需要一个播放/暂停按钮。当我单击按钮时，音频应该开始，再次单击并暂停，单击另一次并重新启动，依此类推。我的问题是：音频无法播放，可能是因为我链接源时出错了 到目前为止，我得到了这段代码，它是HTML、CSS和Javascript的组合。我知道这是一个混乱，但应该工作（至少，它与我尝试的音频样本工作）。问题是播放我的本地音频文件；我不知道来源出了什么问题，我尝试了不同的组合，但什么都没有。路径和文件名正确。你能帮我吗 另外，如果我能在点击按钮时在播放和暂停图标之间切换（字体很棒），那就太完美了；到目前为止，我只得到了一个剧本，不知道如何添加暂停代码。但首要任务是播放音频 谢谢大家!Javascript 在HTML中播放音频，源代码不工作,javascript,html,audio,Javascript,Html,Audio,我是新来编码的，很抱歉我没有经验。我正在尝试使用HTML元素播放音频，但有一些细节：我不想要带有音量和进度条的标准HTML控件，只需要一个播放/暂停按钮。当我单击按钮时，音频应该开始，再次单击并暂停，单击另一次并重新启动，依此类推。我的问题是：音频无法播放，可能是因为我链接源时出错了 到目前为止，我得到了这段代码，它是HTML、CSS和Javascript的组合。我知道这是一个混乱，但应该工作（至少，它与我尝试的音频样本工作）。问题是播放我的本地音频文件；我不知道来源出了什么问题，我尝试了不同的
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.btn {
background-color: transparent;
border: none;
color: white
padding: 1px 1px;
font-size: 52px;
cursor: pointer;
}
</style>
<audio id="myAudio" preload="auto"> <source src="file:\\\C:\Users\macan\Downloads\howltheme.mp3" type="audio/mpeg">
<source src="file:\\\C:\Users\macan\Downloads\howlmusic.ogg" type="audio/ogg">
</audio><script>var myAudio = document.getElementById("myAudio");
function togglePlay() {
return myAudio.paused ? myAudio.play() : myAudio.pause();
};</script>
<a onClick="togglePlay()"><button class="btn"><i class="fa fa-play-circle" style="font-size:80px;color:black;"></i></button></a>
.btn{
背景色：透明；
边界：无；
颜色：白色
填充：1px 1px；
字体大小：52px；
光标：指针；
}
var myAudio=document.getElementById（“myAudio”）；
函数togglePlay（）{
返回myAudio.pause？myAudio.play（）：myAudio.pause（）；
};