麻烦播放音频时,图像被点击
Trouble with Playing Audio when Image is Clicked
我的html文档中有以下代码:
<script>
function playSound() {
document.getElementById("easteregg").innerHTML= "<embed src='"file.mp3'" hidden='"true'" autostart='"true'" loop='"false'" />";
}
</script>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand"><img src="img/logo.png" width="180px" onclick="playSound();" /></a>
</div>
<span id="easteregg"></span>
当我点击徽标时没有任何反应。想法吗?
Edit: Found a solution.
我采纳了Blake McConnell的建议,并将其转换为<audio>
标签。
audio {
display:none;
}
<a class="navbar-brand"><img src="img/logo.png" width="180px" onclick="document.getElementById('easteregg').play();" /></a>
<audio id="easteregg" src="file.mp3" type="audio/mpeg" hidden="true" controls="false"></audio>
尝试用"autoplay"代替嵌入标签中的"autostart"属性。
我可能误解了你想要做的事情,但是将事件侦听器附加到你的跨度并使用Web audio API播放音频不是更容易吗?
相关文章:
- 我可以使此幻灯片图像自动播放吗?
- 多次更改 onclick() 函数(播放/暂停图像更改)
- 在Wordpress网站的图像点击上播放随机声音
- 插入笑脸文本并播放图像
- 在悬停图像上播放声音,悬停在图像上时停止
- 如何在悬停在图像上时弹出youtube视频播放器
- 使用Javascript播放和暂停图像
- 单击图像时如何播放音乐
- 如何使这个滑块自动播放图像而不是点击
- 单击图像时播放声音
- 当我们使用JavaScript点击下一个或上一个按钮时,图像幻灯片播放计时器的速度会加快
- jQuery的图像播放器问题
- 正在显示加载..在将新图像加载到网站时播放动画
- 播放完GIF图像后,将其替换为另一个GIF图像
- 如何使用Javascript播放一系列图像
- 如何在网格中随机播放图像
- 如何使用BEML或JS在全屏Brightcove智能播放器中添加图像叠加
- 如何在 HTML 中的图像单击上播放声音
- 使用不同的图像播放和暂停不同的音频文件
- 使用flowplayer显示图像作为第一帧,点击图像播放视频