使用单个按钮或图像作为音频播放器

Question

我想将图像用作HTML5的音频播放器的播放/暂停按钮。

我不需要显示控件。有没有什么办法可以做到这一点，如隐藏音频元素，并使用Javascript或jQuery播放/暂停音频，每当图像被点击？

Answer 1

是的，你可以使用这个：

HTML

<audio id="player"> 
    <source src="file.ogg" type="audio/ogg"> 
    <source src="file.mp3" type="audio/mpeg"> 
Your browser does not support the audio element. 
</audio> 

JS

var player = document.getElementById('player'); 
player.play(); 

，并暂停

player.pause(); 

让我知道你是否需要任何帮助:)

Answer 2

是的，看看我的播放器（STILL UNDER CONSTRUCTION）：http://zachrip.net/p如果你看看源代码，你可以看到制作音乐播放器的许多重要事情。 编辑：我也可以给你一些基本的源代码，如果你想，我看到然后复制下来，然后使用它学习最好。