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

Question

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

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

Answer 1

是的，请查看我的播放器（仍在建设中）：http: //zachrip.net/p如果您查看源代码，您可以看到制作音乐播放器的许多基本内容。编辑：如果您愿意，我也可以向您发送一些基本的源代码，我通过查看然后复制然后使用它来学习最好。

Answer 2

是的，你可以使用这个：

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();

如果您需要更多帮助，请告诉我 :)