Question

是否可以使用HTML将Font Awesome图标设置为音频播放器（例如，单击该图标时会播放音频），而不是显示音频栏？

 <audio controls>
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

Answer 1

根据您的第一篇文章，我对您的要求感到困惑。

当有人单击您网站上的HTML图标时，您想播放音频文件吗？

您可以通过将javascript附加到图标的a参数来实现此目的。

onclick

进一步扩展，可能需要在图标中添加CSS（样式规则）以显示光标。

<!-- You're Play Button -->
<i class="fa fa-play pointer" onclick="playsound()"></i>

<!-- You're audio source -->
<audio id="audio" style="display:none" src="audio_source.ogg" ></audio>

<!-- You're javascript function -->
<script>
  function playsound(){
       var audio = document.getElementById("audio");
       audio.play();
                 }
</script>
<!-- Sourced from https://stackoverflow.com/questions/18826147/javascript-audio-play-on-click -->

单击“字体真棒”图标时播放声音

1 个答案: