HTML 参考手册 目录

HTML <audio> muted 属性

在网页开发中, 元素用于在网页中嵌入音频文件,让用户可以直接在浏览器中播放音频内容。其中,muted 属性用于控制音频是否静音。

语法

------ ------
  ------- --------------- ------------------
  ---- ------- ---- --- ------- --- ----- --------
--------

属性值

  • muted: 设置为 true 时,音频会被静音;设置为 false 时,音频会被取消静音。默认值为 false。

使用场景

  1. 自动播放音频:当设置 muted 属性为 true 时,音频会自动播放但是无声音,适用于需要在页面加载时自动播放音频但不希望打扰用户的场景。
  2. 静音按钮:可以通过 JavaScript 控制 muted 属性,实现页面中的静音按钮,让用户可以自由选择是否听音频。

示例代码

--------- -----
------
------
  ------------ --------------
-------
------
  --------- -----------
  ------ -------- ------
    ------- --------------- ------------------
    ---- ------- ---- --- ------- --- ----- --------
  --------
  ------- ----------------------------- -------------

  --------
    -------- ------------ -
      --- ----- - --------------------------------
      ----------- - -------------
    -
  ---------
-------
-------

在上面的示例代码中,我们创建了一个简单的音频播放器,并添加了一个按钮来切换音频的静音状态。点击按钮时,调用 toggleMute 函数,通过修改 muted 属性来实现静音和取消静音的切换。

总结

通过使用 元素的 muted 属性,我们可以方便地控制音频的静音状态,从而为用户提供更好的音频体验。在实际开发中,可以根据具体需求灵活运用这一属性,为网页音频功能增添更多的交互性和便利性。


下一篇:HTML 标签列表(字母排序)