javascript - 悬停、单击和释放声音不起作用。我很困惑

标签 javascript html audio

我正在为我的网站尝试新功能,其中包括当我悬停、单击或释放与其交互的链接时应该播放声音。我仍在适应 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>

最佳答案

@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"

关于javascript - 悬停、单击和释放声音不起作用。我很困惑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37982555/

相关文章:

javascript - 如何将项目添加到 Javascript 数据数组/对象

html - 防止粗体字重改变行高

HTML/CSS : margin:auto not working for <img> tag

audio - 低功耗蓝牙中的语音功能选项

iPhone 使用 UIImagePickerController 录制视频时播放声音剪辑...可能吗?

audio - ffmpeg 将 PCM 数据文件转换为 wav 文件得到失真(嘈杂)的数据

javascript - Node js : Uncaught error 中未定义 mustache 错误

javascript - 我可以使用一个函数来帮助分配和验证作为对象传递的属性吗?

javascript - 在 function() 内使用 setState 时无法读取未定义的属性 'setState'

html - 是否有 HTML 面板?