Аудио — зачем нужно, как его сделать и разместить?

Аудио на странице сайта здорово её обогащает! Кроме того, размещение Аудио зачастую ценится и поисковыми системами, и посетителями сайта. Если Аудио заинтересует посетителя, он подольше задержится на странице, что повысит среднее время просмотра страниц сайта, а это учитывается поисковыми системами в ПФ сайта. Само собой разумеется, что желательно размещать оригинальное Аудио.

Первая проблема состоит в получении Аудиофайла. Её можно решить 2-мя способами: записать собственный Аудиофайл или использовать чужой Аудиофайл, сославшись при желании на автора и / или источник.

Аудио на странице сайта разместить достаточно просто: нужно или Добавить медиафайл в редакторе WordPress, или использовать новый тег <audio> языка HTML5. Рассмотрим, освоим и сравним оба способа.

1-й способ. Проще всего стандартным образом добавить Аудиофайл, при этом WordPress позволяет подключить Медиаплеер, что гарантирует воспроизведение. Но этот способ имеет два недостатка: 1) воспроизведение начинается только после клика по кнопке Play; 2) Аудиофайл и ещё три файла записываются в подкаталог по дате, что затруднит в будущем поиск Аудиофайлов.

Чтобы избавиться от обоих недостатков, закачиваем Аудиофайл в подкаталог _Audio и редактируем содержимое тега, меняя путь на /wp-content/_Audio/имя_файла.mp3″ и вставляя  autoplay=’autoplay’ перед mp3=… , причём autoplay=’… желательно вставлять перед окончательным кликом по кнопке Обновить — иначе Вам надоест многократно прослушивать Аудиофайл при редактировании страницы.

Четыре регулировки воспроизведения Аудиофайла доступны в окне редактирования WordPress, что позволяет убедиться в правильности HTML-кода. Вставлять autoplay=’autoplay’ всё-таки не стал. Вот как выглядит HTML-код:

audio mp3=»http://ep-z.ru/wp-content/_Audio/Tovarishhi-uchenyie.mp3″

причём WordPress заключает этот код в квадратные скобки [ и ] , а также ставит замыкающий тег.

2-й способ. Вот описание тега <audio> и его атрибутов:

В HTML5 добавлен тег <audio>, который позволяет разместить на странице сайта музыкальный трек с помощью обычного разметочного тэга.

Большинство достаточно свежих версий современных браузеров поддерживает язык HTML5 и тег <audio>, но не все браузеры поддерживают все звуковые форматы. Считаю, что имеет смысл использовать Аудиофайлы в звуковом формате mp3 — это практически полностью гарантирует воспроизводимость Аудиофайлов в любых современных браузерах.

Рекомендую полностью отказаться от использования любых версий браузера Internet Explorer, чтобы не создавать себе лишних проблем. Подробности смотрите на странице Браузеры.

Уверен, что Яндекс-браузера и браузеров Opera, Firefox, Chrome и Safari достаточно для просмотра огромного количества страниц сайтов.

Атрибут src тега <audio> даёт возможность указать путь к Аудиофайлу.

С помощью тега <source> можно указать несколько Аудиофайлов в разных форматах — браузер использует первый поддерживаемый им формат.

Атрибут controls тега <audio> добавляет кнопки управления, причём обычно кнопки управления добавлены по умолчанию. Если есть желание или необходимость подшутить или поиздеваться над посетителем страницы, можете поэкспериментировать с отключением кнопок управления и дать звук при воспроизведении какого-нибудь Видео, от которого невозможно оторваться: например, при демонстрации «Танца живота в профессиональном исполнении».

При желании и необходимости можно провести конвертацию Аудиофайлов из одного формата в другой — для этого нужно использовать Конверторы Аудиофайлов, которые можно найти и скачать в Интернете. Как мне представляется, самым распространённым звуковым форматом является MP3 — его и следует, в основном, использовать.

Например, можете по ссылке скачать Free Audio Converter. Он имеет множество настроек и позволяет проводить конвертацию между aac, ac3, aiff, ape, flac, m4a, m4b, mka, mp3, ogg, ra, tta, wav, wma и другими форматами.

Нужно осознавать, что формат MP3, разработанный в 1993-м году, даёт всего лишь двухканальный звук весьма среднего качества. В формате OGG, разработанном в 2000-м году, можно получить многоканальный звук значительно лучшего качества, поэтому при наличии возможности выбора лучше скачивать Аудиофайлы в формате OGG.

А ещё лучше самостоятельно заняться так называемым граббингом: изготовлением Аудиофайлов из записей на CD и DVD дисках — это позволит иметь звук наилучшего доступного качества или снизить качество звука до приемлемого уровня, сэкономив на длине файла. При этом рекомендуется использовать формат OGG с битрейтом 192 Kb и выше. Можно даже с одного диска сграббить два комплекта файлов OGG: один для прослушивания на высококачественной аппарутуре, а второй — для менее качественной аппаратуры. Привожу ссылку на хорошую статью о граббинге.

Вот пример размещения Аудио:

А вот HTML-код размещения Аудио:

<audio controls=»controls» src=»http://ep-z.ru/wp-content/_Audio/Tovarishhi-uchenyie.mp3″></audio>

autoplay=»autoplay» перед src в данном теге специально не стал размещать.

Сравнив два способа подключения Аудио, пришёл к выводу, что 1-й способ нравится мне больше — им и буду, в основном, пользоваться.

Итак, чтобы разместить Аудиозапись на странице сайта, поступаем следующим образом: 1) подбираем Аудиофайл и закачиваем его в подкаталог _Audio своего сайта; 2) переходим в окно Текст редактора WordPress, вставляем код

audio autoplay=’autoplay’ mp3=»http://путь_к_файлу/имя_файла.mp3″

3) обрамляем код квадратными скобками [ и ] , а также ставим замыкающий тег; 4) переходим в окно Визуально редактора и слушаем АудиоЗапись.

Таков самый рациональный модифицированный алгоритм размещения АудиоЗаписи на странице сайта по 1-му способу.

Чтобы получить действительно качественный звук, необходимо купить Hi-Fi акустику и профессиональную звуковую карту. Для установки звуковой карты нужен компьютер, а не ноутбук. На ноутбуке же придётся довольствоваться звуком посредственного качества, который обеспечивает даже формат MP3.

Начинаю подбирать песни и размещать их на страницах этого сайта. Разместил две песни Владимира Высоцкого на страницах Картофель и Кони, их длина 4.5 и 12.4 мегабайта. Если разместить на страницах сайта сотню Аудиофайлов средней длиной 8.5 мегабайта, они займут 850-т мегабайт на SSD сервера хостинга. Похоже, что придётся сдерживаться, чтобы не создавать повышенную нагрузку на процессор сервера и чтобы не пришлось менять тариф на более дорогой.

Приглашаю всех высказываться в Комментариях. Критику и обмен опытом одобряю и приветствую. В хороших комментариях сохраняю ссылку на сайт автора!

И не забывайте, пожалуйста, нажимать на кнопки социальных сетей, которые расположены под текстом каждой страницы сайта.
Продолжение чтения…