Skip to main content

如何在点击或翻转时播放声音

《机智过人第三季》 智能机器人极速复原魔方 声音修复致敬胶片电影人 20190824 | CCTV (六月 2026)

《机智过人第三季》 智能机器人极速复原魔方 声音修复致敬胶片电影人 20190824 | CCTV (六月 2026)
Anonim

计算机应用程序的一个功能是,当您执行某些操作时会有反馈。最常见的反馈类型是声音。当您选择东西时,计算机会发出咔嗒声,当出现错误时会发出哔哔声,并发出其他噪音来提醒您情况。但是网页没有这种反馈。这使他们看起来沉闷或无反应。

幸运的是,改变它很容易。使用动态HTML属性和声音,您可以创建一个更像应用程序的网页。

当客户点击某物时添加声音

当客户使用该属性点击某些内容以及客户使用该属性滚动某些内容时,此脚本将添加声音效果。请务必在不同的浏览器中测试它们,因为并非所有Web浏览器都会处理鼠标悬停以及链接以外的元素上的单击属性。

将以下脚本放在HTML文档的HEAD中:

将声音置于空跨度中

启动脚本时,JavaScript会将EMBED元素放在空的SPAN元素中。因此,您需要在HTML页面的BODY中的某处添加以下SPAN标记,最好是在文档顶部附近:

使用属性调用脚本

您需要添加的最后一件事是您想要在单击或鼠标悬停时生成声音的元素。使用以下属性之一调用脚本。将UrlToSoundFile替换为您希望播放的声音文件的完整URL:

点击这里听到声音<> 的onmouseover = “playSound( 'UrlToSoundFile');” >将鼠标悬停在此文本上可听到声音

这是整个HTML文档,播放蓝鸟的声音。声音文件存储在与HTML页面相同的目录中:

单击或在MouseOver上播放声音的示例

点击这里听鸟儿唱歌

<> 的onmouseover = “playSound( 'zbluejay.wav');” >或者您可以将鼠标放在此段落上以听到相同的鸟声。