Як вставити аудіо на сайт

У даній публікації я вирішив написати про те, як вставити аудіо на сайт.

Справа в тому, що останнім часом я помітив, що зараз блогери все частіше і частіше використовують аудіо плеєри на своїх ресурсах, щоб донести своїм читачам будь-яку інформацію.

Та й я сам колись на одному зі своїх найперших сайтів (який вже досить давно благополучно загнувся 🙂) користувався такою опцією.

Адже це дійсно зручно, наприклад, таким чином можна розмістити на своєму ресурсі запис будь-якого інтерв'ю, подкасту або просто звернутись до своїх читачів.

Як на мене це досить зручно і оригінально, тому я і вирішив написати на цю тему даний пост. Отже, давайте розберемося, як же можна вставити аудіо на сайт.

Насправді способів вставки аудіо на свій ресурс існує досить багато.

Тут і різні сервіси для вставки аудіо плеєра, і установка спеціального JavaScript - коду і навіть використання нової технології від HTML5.

Загалом, методів ціла купа! Але, я вирішив вам розповісти, на мій погляд, про найпростіший спосіб - установка плагіна Audio Player для wordpress, тим більше, ні для кого не секрет, що даний движок використовується більшістю блогерів рунету. Отже, поїхали!

Як ви розумієте для початку нам необхідно завантажити плагін Audio Player і встановити його на блог (щоб дізнатися що таке плагін читайте цю статтю ).

Для цього йдемо в адміністративну панель сайту в розділ Плагіниà-> Додати новий і в форму пошуку вводимо назву потрібного нам плагіна (в даному випадки Audio Player) і натискаємо пошук.

Практично відразу ж перед вами буде показаний результат пошуку, тут вам необхідно вибрати зі списку результатів потрібний плагін і натиснути на посилання «встановити».

Після встановлення плагіну нам необхідно зробити деякі налаштування Audio Player для цього йдемо в розділ Настройкіà Audio Player, де перед вами відкриється сторінка налаштування даного розширення.

Тут, в принципі, ніяких змін вносити не варто, єдине, на що необхідно звернути увагу - настройка Replace [audio] syntax, потрібно щоб вона була активна.

Далі нам необхідно на нашому хостингу створити папку для зберігання аудіо файлів. Для цього єднаємося з хостингом і в папці, в якій зберігаються файли нашого сайту (в моєму випадки це public_html) створюємо нову папку під назвою «audio» куди ми і будемо закачувати наші аудіо файли для подальшого їх відтворення.

Тут головне щоб ця папка називалася саме «audio», так як в настройках за умовчанням вказано, що аудіо файли будуть зберігатися саме в цій папці, і у випадку, якщо ви дасте інше ім'я папки, програвач не зможе знайти файл для відтворення. Сподіваюся це ясно.

Отже, папку ми створили, тепер завантажуємо в неї файл, який ми хочемо відтворити, завантажили? Відмінно! Практично все зроблено.

Тепер нам всього лише потрібно розмістити наш програвач на тій сторінці, де ми хочемо, щоб він відображався. Це робиться дуже просто, йдемо в адмін панель і вибираємо запис, де ми хочемо розмістити аудіо плеєр і в потрібне місце вставляємо наступний код:

Де, як ви розумієте, під словами: «nazvanie-audio» мається на увазі назва вашого аудіо файлу, який буде відтворюється на сторінці.

Коли ви все це зробите на сторінці повинен з'явиться програвач, який виглядає ось так:

Як бачите, немає нічого простішого, тут впорається абсолютно кожний, так що якщо вас цікавить питання: як вставити аудіо на сайт, обов'язково скористайтеся наведеними в даній статті рекомендаціями.

Схожі записи