1 Новые теги HTML5 - audio.

Авторский знак. Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

январь 2021
Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31


Чувашия-это моя Россия

Новые теги HTML5 - audio.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть тег < audio> поддерживается во всех основных браузерах.Внимание!!! Internet Explorer 8 и более ранние версии, не поддерживают < audio> тег.

Определение и использование. Тег < audio> определяет звук, например, музыки или других звуковых потоков. В настоящее время существует три поддерживаемые форматы файлов для тега < audio> элемента: MP3, WAV, и Ogg. Расширение WAV в десятки раз объемнее, чем расширения MP3 и Ogg. Для преобразования музыки для отображения на страницах сайта имеются различные преобразователи ауди. Читайте внимательнее и посмотрите примеры.

Все трудоемкие процессы по созданию сайта возьмет на себя машина и основы HTML преобразятся. Что из этого выйдет - покажет время, точнее идет прорыв в данном направлении.

Определение и Использование

Браузер MP3 WAv Ogg
Internet Explorer да нет нет
Chrome да да да
Firefox нет
Обновить: Firefox 21 под управлением Windows 7, Windows 8, Windows Vista, и теперь поддерживает Android MP3		 да да
Safari да да нет
Opera нет да да

MIME Типы для Аудио-Форматов

Формат MIME-тип
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav

Различия Между HTML 4.01 и HTML5

< audio> новый тег в HTML5.

Советы и Примечания

Совет: текст внутри между < audio> и < /audio> будет отображаться в браузерах, которые не поддерживают <аудио> тег.

Атрибуты

Вновь : новый тег в HTML5.

Атрибут Значение Описание
autoplay Вновь autoplay Указывает, что воспроизведение звука начнется, как только оно будет готова
controls Вновь controls Указывает, что следует показать элементы управления аудио( такие, как" воспроизведение/пауза " и др.).
loop Вновь loop Указывает, что запись будет воспроизводиться снова и снова, каждый раз, когда он закончит
muted Вновь muted Указывает, что аудио выход должен быть отключен
preload Вновь auto
metadata
none		 Указывает, нужно ли и как автор думает, что звук должен быть загружен при загрузке страницы
src Вновь URL Задает URL аудио файла

Отличия между HTML 4.01 и HTML5. Тег < audio> является новым в HTML5. Внимание!!! Любой текст внутри между < audio> и < / аудио> будет отображаться в браузерах, которые не поддерживают < audio> тег.

Атрибуты:

autoplay - Булев атрибут; если указан( даже если значение равно "false"!), звук будет автоматически начинать воспроизведение, как только это можно сделать, не останавливаясь, чтобы закончить загрузку данных.

autobuffer Устарело - Булев атрибут; если он указан, то звук будет автоматически загружен, даже если не настроить на автоматическое воспроизведение. Это продолжается до тех пор, пока media кэш заполнен или весь звуковой файл был загружен, что наступит раньше. Это должно использоваться только тогда, когда предполагается, что пользователь должен будет выбрать для воспроизведения аудио; например, если пользователь переходит на страницу с помощью " Воспроизведения аудио" ссылку.

buffered - Атрибут, вы можете прочитать, чтобы определить, какие временные диапазоны media были буферизованы. Этот атрибут содержит TimeRanges объекта.

controls - Если этот атрибут присутствует, то браузер предложит пользователю управлять воспроизведением звука, в том числе объемом, ищет, и пауза/возобновление воспроизведения.

loop - Булев атрибут; если указан, то будет, играть до конца аудио, автоматически искать назад к старту.

mozCurrentSampleOffset - смещение, указанного количества проб с начала аудиопотока, при котором аудио воспроизводится в данный момент.

muted - Булев атрибут, указывающий, что звук будет изначально молчать. По умолчанию его значение равно false, т.е. что звук будет воспроизводиться.

played - TimeRanges объекта с указанием всех диапазонов аудио, что были сыграны.

preload - Призван предоставить указание браузеру о том, что автор думает, что приведет к лучшему пользовательскому опыту. Он может иметь одно из следующих значений: нет: либо то, что автор считает, что пользователю не нужно будет ознакомиться с аудио - или что сервер не хочет, чтобы минимизировать трафик; в других условиях эта подсказка указывает на то, что звук не должен кэшироваться; метаданные: то, что хотя автор считает, что пользователю не нужно будет ознакомиться с аудио, извлечение метаданных( например. длина) является разумным; авто: то, что пользователь должен иметь приоритет; в других условиях эта подсказка указан, чтобы весь звук может быть загружен, даже если пользователь не хочет использовать его; пустая строка: является синонимом значения " авто". Если не задано, то его значение по умолчанию браузера пользователем ( т.е. каждый браузер может выбрать свое собственное значение по умолчанию).

ПРИМЕР

Вот, маленькая программа для тега < audio>:

                        < !DOCTYPE html>
                        < html>
                        < body>
                             < audio controls>
                                < source src="https://seosait21.ru/pesnja/jura.mp3" type="audio/mpeg">
                                < source src="https://seosait21.ru/pesnja1/jura.wav" type="audio/wav">
                                < source src="https://seosait21.ru/pesnja2/jura.ogg" type="audio/ogg">
                                    Ваш браузер не поддерживает аудио элемент.
                                < /audio>
                        < /body>
                        < /html>

То что получилось, нажмите на воспроизведение и наслаждайтесь музыкой:


Тег < audio> поддерживает Глобальные атрибуты в HTML: КЛИКНИ СЮДА

Тег < audio> поддерживает Атрибуты событий в HTML: КЛИКНИ СЮДА


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: