clacky

点击音效插件

只需一行代码,让你网站上的每次点击都有柔和的声音和涟漪。选一个声音和颜色,在框里试一试,然后把代码片段复制到你的页面里。

一切都在你的浏览器中运行。你输入、点击、拍摄或说的任何内容都不会被上传或保存。

怎么添加

  1. 选一个声音、涟漪颜色和大小,在框里点一下试试。
  2. 按 复制,把代码片段粘贴到你的页面里,放在 </body> 前面。
  3. 就这样:页面上的每次点击和轻点都会播放声音并画出涟漪。

值得知道

  • 它只是一个小脚本,从 clacky.app 加载。没有 Cookie,没有追踪,不收集任何东西。
  • 浏览器只允许在有人点击或轻点之后播放声音,而这正是它播放的时机。
  • 开启了“减弱动态效果”的人不会看到涟漪,声音默认也播放得很轻。
  • 角落里有一个小小的“Clicks by Clacky”链接。正是它让这个插件保持免费,所以请保留它。

适合哪里

作品集、有趣的落地页、游戏、儿童网站、演示。大概不适合你银行的结账页面。

常见问题

怎么给我的网站添加点击音效?

在这里选一个声音,复制那一行代码片段,粘贴到页面的 </body> 前面。之后每次点击都会播放声音并显示涟漪。

支持 Webflow、Framer、WordPress 或 Squarespace 吗?

支持,只要能给页面添加自定义代码就行:把代码片段粘贴到网站的自定义代码或页脚代码设置里。

这个插件会追踪我的访客吗?

不会。它不设置任何 Cookie,也不向任何地方发送数据。访客的浏览器只会下载这个脚本文件。

可以去掉“Clicks by Clacky”链接吗?

这个链接让插件保持免费,所以请保留它。如果它和你的设计冲突,请写信到 hello@clacky.app 告诉我们。

更多免费工具