给你的网站用的节拍器和调音器
要在网站上放一个节拍器，请在下面选择选项，点击“复制代码”，然后把代码粘贴到页面的 HTML 块中。调音器的用法相同。免费，无需注册，小组件里没有广告。
制作你的小组件
预览
小组件下方的链接指向 MetronoTuner。你可以去掉它，但它能帮助这个项目继续保持免费。
怎么放到你的网站上
在上面的生成器里复制代码，然后粘贴到你的平台：
WordPress
- 在编辑器中打开页面或文章。
- 点击 +，选择“自定义 HTML”区块。
- 粘贴代码并发布。
Wix
- 在编辑器中点击“添加元素”(+) › “嵌入代码” › “嵌入 HTML”。
- 选择“代码”，粘贴后点击“更新”。
- 把框放大，直到小组件完整显示。
Blogger
- 在文章编辑器中切换到“HTML 视图”。
- 把代码粘贴到小组件要出现的位置，然后切回普通视图。
- 放到侧边栏：“布局” › “添加小工具” › “HTML/JavaScript”。
Notion
- 在这里点击“只复制地址”（Notion 不接受 HTML 代码）。
- 在 Notion 页面输入 /embed，选择“嵌入”。
- 粘贴地址并确认。
HTML
- 把代码粘贴到 <body> 内，页面上小组件要出现的位置。
- 小组件会占满可用宽度，最大不超过代码中设置的值。
喜欢自己改代码的人
小组件的地址接受以下参数，所有语言都一样（名称和取值保持原样，不翻译）：
-
bpm - 节拍器的速度，30 到 250。 示例：
bpm=90 -
compasso - 拍号和重音分组。 示例：
compasso=7/8:2+2+3 -
instrumento - 调音器的乐器（不填则为半音阶调音器）。 示例：
instrumento=ukulele -
afinacao - 乐器的调弦（不填则为标准调弦）。 示例：
afinacao=drop-d -
tema - claro（浅色）、escuro（深色）或 auto（跟随设备）。 示例：
tema=escuro -
tamanho - compacto（紧凑）只显示最必要的内容。 示例：
tamanho=compacto -
fundo - transparente 会让你网站的背景透出来。 示例：
fundo=transparente
完整的工具
常见问题
小组件免费吗？
免费。任何网站都可以使用：博客、老师的、学校的或乐队的网站。小组件里没有广告，也不需要账号。
在手机上能用吗？
能。小组件会适应屏幕宽度，在手机、平板和电脑的浏览器中都能使用。
需要注册吗？
不需要。只要复制代码并粘贴到你的网站：没有账号、密钥或登录。
小组件里的麦克风能用吗？
调音器可以。代码已经带有 allow="microphone"，允许在 iframe 内使用麦克风，首次使用时浏览器会询问访问者是否允许。声音在设备上分析，不会被录制或发送。你的网站必须使用 HTTPS；在把代码放进另一层框架的平台（如 Wix 和 Notion）上，浏览器可能会阻止麦克风。
可以改颜色吗？
你可以选择浅色、深色或自动主题（跟随访问者的设备），也可以让背景透明，使小组件融入你的网站。按钮的颜色是 MetronoTuner 的颜色。
小组件会让我的网站变慢吗？
不会。代码使用了 loading="lazy"：小组件只在接近屏幕时才加载。声音和麦克风分析都在访问者的设备上运行。