Атрибут muted тега <audio> — вимкнений звук

Атрибут muted - логічний атрибут.

Коли присутній, він вказує, що аудіо повинно бути заглушено (вимкнено).

автор: NagarD

Загальний опис

автор: NagarD

Синтаксис

<audio muted >

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач
	15	11	6	15	≤18	—

Підтримка: мобільні переглядачі
Переглядач
	4.4	18	14	6

Приклади

+ запропонувати свій приклад у пісочниці

<audio controls muted preload="metadata">
    Ваш браузер не відтворює аудіо.
</audio>

автор: NagarD

Чотири плеєри з одним коротким сигналом: звичайний, приглушений, autoplay без приглушення (лишається на паузі) і autoplay muted (запускається сам). У другому добре видно головне: повзунок гучності стоїть на нулі, але сама гучність не змінена — увімкніть звук, і він буде такий самий, як у першому.

HTML

<p class="lbl">1. Звичайний плеєр — натисніть відтворення, буде короткий сигнал.</p>
<audio controls src="data:audio/wav;base64,UklGRsQFAABXQVZFZm10IBAAAAABAAEAoA8AAKAPAAABAAgAZGF0YaAFAACAgYKAfHp/hoiAdnR+i4+CcW18kJaFbWZ5lJ2IaV51l6SNZldwmquSZFBrnLOXY0llnbqeYkJencGlYztWm8WqZjpTl8SuajtQk8OxbjxMj8K0cj5KisG3dz9Hhr+5e0FEgr28gENCfbu+hEZAebjAiEg+dbXBjUs9cLPDkU48bK/ElVE7aKzFmVU6ZKnFnVg6YKXFoVw6XKHFpWA6WJ3FqWQ6VZnFrGg7UZXEr2w8TpHDs3A9S43BtXU+SIjAuHlARoS+u31CQ3+8vYJEQXu5v4ZHP3e3wYpKPnK0wo9MPG6xw5NQO2quxJdTOmaqxZtWOmKnxZ9aOl6jxqNeOlqfxadiOlabxapmOlOXxK5qO1CTw7FuPEyPwrRyPkqKwbd3P0eGv7l7QUSCvbyAQ0J9u76ERkB5uMCISD51tcGNSz1ws8ORTjxsr8SVUTtorMWZVTpkqcScWj5iob2dYUVimracaExjlK+bbVRlj6iZcltoiqGWd2JrhpmSemlvg5KOfXB0gYuJf3d5gIWDf31+gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA="></audio>

<p class="lbl">2. Той самий файл із <code>muted</code> — тиша, і повзунок
    гучності одразу на нулі.</p>
<audio controls muted src="data:audio/wav;base64,UklGRsQFAABXQVZFZm10IBAAAAABAAEAoA8AAKAPAAABAAgAZGF0YaAFAACAgYKAfHp/hoiAdnR+i4+CcW18kJaFbWZ5lJ2IaV51l6SNZldwmquSZFBrnLOXY0llnbqeYkJencGlYztWm8WqZjpTl8SuajtQk8OxbjxMj8K0cj5KisG3dz9Hhr+5e0FEgr28gENCfbu+hEZAebjAiEg+dbXBjUs9cLPDkU48bK/ElVE7aKzFmVU6ZKnFnVg6YKXFoVw6XKHFpWA6WJ3FqWQ6VZnFrGg7UZXEr2w8TpHDs3A9S43BtXU+SIjAuHlARoS+u31CQ3+8vYJEQXu5v4ZHP3e3wYpKPnK0wo9MPG6xw5NQO2quxJdTOmaqxZtWOmKnxZ9aOl6jxqNeOlqfxadiOlabxapmOlOXxK5qO1CTw7FuPEyPwrRyPkqKwbd3P0eGv7l7QUSCvbyAQ0J9u76ERkB5uMCISD51tcGNSz1ws8ORTjxsr8SVUTtorMWZVTpkqcScWj5iob2dYUVimracaExjlK+bbVRlj6iZcltoiqGWd2JrhpmSemlvg5KOfXB0gYuJf3d5gIWDf31+gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA="></audio>
<p class="why">Гучність не змінилася — вона просто не чутна. Клацніть
    значок динаміка: звук повернеться на ту саму гучність, що й у першому плеєрі.</p>

<p class="lbl">3. З <code>autoplay</code>, але без приглушення — само не почнеться.</p>
<audio controls autoplay src="data:audio/wav;base64,UklGRsQFAABXQVZFZm10IBAAAAABAAEAoA8AAKAPAAABAAgAZGF0YaAFAACAgYKAfHp/hoiAdnR+i4+CcW18kJaFbWZ5lJ2IaV51l6SNZldwmquSZFBrnLOXY0llnbqeYkJencGlYztWm8WqZjpTl8SuajtQk8OxbjxMj8K0cj5KisG3dz9Hhr+5e0FEgr28gENCfbu+hEZAebjAiEg+dbXBjUs9cLPDkU48bK/ElVE7aKzFmVU6ZKnFnVg6YKXFoVw6XKHFpWA6WJ3FqWQ6VZnFrGg7UZXEr2w8TpHDs3A9S43BtXU+SIjAuHlARoS+u31CQ3+8vYJEQXu5v4ZHP3e3wYpKPnK0wo9MPG6xw5NQO2quxJdTOmaqxZtWOmKnxZ9aOl6jxqNeOlqfxadiOlabxapmOlOXxK5qO1CTw7FuPEyPwrRyPkqKwbd3P0eGv7l7QUSCvbyAQ0J9u76ERkB5uMCISD51tcGNSz1ws8ORTjxsr8SVUTtorMWZVTpkqcScWj5iob2dYUVimracaExjlK+bbVRlj6iZcltoiqGWd2JrhpmSemlvg5KOfXB0gYuJf3d5gIWDf31+gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA="></audio>

<p class="lbl">4. З <code>autoplay muted</code> — браузер дозволяє, бо тихо.</p>
<audio controls autoplay muted src="data:audio/wav;base64,UklGRsQFAABXQVZFZm10IBAAAAABAAEAoA8AAKAPAAABAAgAZGF0YaAFAACAgYKAfHp/hoiAdnR+i4+CcW18kJaFbWZ5lJ2IaV51l6SNZldwmquSZFBrnLOXY0llnbqeYkJencGlYztWm8WqZjpTl8SuajtQk8OxbjxMj8K0cj5KisG3dz9Hhr+5e0FEgr28gENCfbu+hEZAebjAiEg+dbXBjUs9cLPDkU48bK/ElVE7aKzFmVU6ZKnFnVg6YKXFoVw6XKHFpWA6WJ3FqWQ6VZnFrGg7UZXEr2w8TpHDs3A9S43BtXU+SIjAuHlARoS+u31CQ3+8vYJEQXu5v4ZHP3e3wYpKPnK0wo9MPG6xw5NQO2quxJdTOmaqxZtWOmKnxZ9aOl6jxqNeOlqfxadiOlabxapmOlOXxK5qO1CTw7FuPEyPwrRyPkqKwbd3P0eGv7l7QUSCvbyAQ0J9u76ERkB5uMCISD51tcGNSz1ws8ORTjxsr8SVUTtorMWZVTpkqcScWj5iob2dYUVimracaExjlK+bbVRlj6iZcltoiqGWd2JrhpmSemlvg5KOfXB0gYuJf3d5gIWDf31+gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIA="></audio>
<p class="why">Саме ця пара стоїть під фоновими відео на сайтах: без
    <code>muted</code> браузер не дає запису початися без дії людини.</p>

CSS

.lbl {
    margin: 18px 0 6px;
    max-width: 520px;
    font-weight: 600;
}

code {
    padding: 1px 5px;
    border-radius: 3px;
    background: #eef1f5;
    font-family: ui-monospace, monospace;
}

audio {
    display: block;
    max-width: 100%;
}

.why {
    margin: 8px 0 0;
    max-width: 520px;
    padding: 8px 10px;
    border-left: 6px solid #2f6fd0;
    background: #f6f9ff;
    color: #5a6472;
    font-size: .9em;
}

автор: NagarD

Різниця між HTML 4.01 та HTML5

Атрибут muted для тега <audio> з'явився тільки у HTML5.

Різниця між XHTML та HTML

У XHTML мінімізований запис атрибутів заборонено, тому атрибут muted повинен бути визначений як <audio muted ="muted ">.

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Ваше ім'я Коментар

Як форматувати текст?

Пишемо	Виходить
`важливо` `акцент` `~~застаріле~~`	Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
`## Як працює каскад` `### Порядок оголошень`	Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
`[[css/property/color]]`	Посилання на сторінку довідника. Наберіть `[[` — поле веде сходинками (розділ → тип → сторінка), а хибний ключ підкреслить хвилею.
`[[!sandbox/S0oh1hBm]]`	Живий приклад окремим рядком — саме вікно результату. Той самий ключ зі знаком `!`: наберіть `[[!` і дійдіть сходинками до потрібної сторінки, список покаже її приклади.
`[MDN](https://developer.mozilla.org)`	Посилання на чужий сайт.
`![Схема каскаду](https://site.com/схема.png)`	Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру	Код усередині речення.
```css `.card { display: grid }` ```	Код блоком. Мова після трьох лапок вмикає підсвітку.
`- Походження` `1. Походження`	Перелік: маркований і нумерований.
`- [ ] дописати приклади` `- [x] перевірити в Firefox`	Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
`> Порядок важить лише за рівної ваги.`	Цитата на всю ширину абзацу.
`Специфічність` `: вага селектора; більша перемагає`	Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
`Каскад має три критерії[^1]` `[^1]: Походження, специфічність, порядок.`	Виноска: номер у тексті, примітка внизу сторінки. Без згадки `[^1]` у тексті примітка не з'явиться.
`Відповідь: \|\|сорок два\|\|`	Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
`\|\| Показати рішення` Задайте контейнеру `display: grid`. `\|\|`	Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок	Новий абзац. Щоб перенести рядок усередині абзацу, поставте `\` в його кінці.

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.