在网页开发中，<audio> 元素用于在网页中嵌入音频文件，让用户可以直接在浏览器中播放音频内容。其中，muted 属性用于控制音频是否静音。
语法
<audio muted> <source src="audio.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio>
属性值
- muted: 设置为 true 时，音频会被静音；设置为 false 时，音频会被取消静音。默认值为 false。
使用场景
- 自动播放音频：当设置 muted 属性为 true 时，音频会自动播放但是无声音，适用于需要在页面加载时自动播放音频但不希望打扰用户的场景。
- 静音按钮：可以通过 JavaScript 控制 muted 属性，实现页面中的静音按钮，让用户可以自由选择是否听音频。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
------------ --------------
-------
------
--------- -----------
------ -------- ------
------- --------------- ------------------
---- ------- ---- --- ------- --- ----- --------
--------
------- ----------------------------- -------------
--------
-------- ------------ -
--- ----- - --------------------------------
----------- - -------------
-
---------
-------
-------在上面的示例代码中，我们创建了一个简单的音频播放器，并添加了一个按钮来切换音频的静音状态。点击按钮时，调用 toggleMute 函数，通过修改 muted 属性来实现静音和取消静音的切换。
总结
通过使用 <audio> 元素的 muted 属性，我们可以方便地控制音频的静音状态，从而为用户提供更好的音频体验。在实际开发中，可以根据具体需求灵活运用这一属性，为网页音频功能增添更多的交互性和便利性。