Question

我正在为我的网站尝试新的东西，这涉及当我悬停，点击或释放我与之交互的链接时应播放声音。我仍然习惯了HTML的基础知识，抱歉，如果我感到困惑，但我认为这将是正确的方向。

这是我到目前为止所做的：

<html>
  <audio id="myaudio" src="hover"></audio>
  <audio id="myaudio2" src="click"></audio>
  <audio id="myaudio3" src="release"></audio>
  <body>
    <a href="https://google.com"
       onmouseover="document.getElementById('myaudio').play()"
       onmousedown="document.getElementById('myaudio2').play()"
       onmouseup="document.getElementById('myaudio3').play()">google.com</a>
  </body>
</html>

Answer 1

@ guest271314帮我解决了这个问题，原来这很简单。我忘记了SRC标签需要指向一个链接。这是更正：

<html>
<audio id="myaudio" src="http://yourdomain.com/hover.wav"></audio>
<audio id="myaudio2" src="http://yourdomain.com/click.wav"></audio>
<audio id="myaudio3" src="http://yourdomain.com/release.wav"></audio>
<body>
<a href="https://google.com" onmouseover="document.getElementById('myaudio').play()" onmousedown="document.getElementById('myaudio2').play()" onmouseup="document.getElementById('myaudio3').play()">google.com</a>
</body>
</html>

这是修复的部分：

src="http://yourdomain.com/sound.wav"

Answer 2

为了让您的网页播放音乐，html代码可以像

一样简单

<audio id="myaudio" src="c.mp3" controls></audio>

悬停，单击和释放声音不起作用。我糊涂了

2 个答案: