Ми отримали цікаве запитання минулого тижня тут у TechJunkie Towers. Він вважав те, про що я ніколи не розглядав, і хотів знати, як вбудувати MP3-аудіо у веб-сторінку за допомогою Google Drive. Як хтось, хто керує низкою веб-сайтів для організацій, питання було передано мені, щоб відповісти.
Зазвичай ви розміщуєте будь-які медіа поряд із веб-сайтом, якщо хочете розмістити його на сторінці. Це підтримує впорядкованість та зменшує кількість зовнішніх запитів, які має виконувати ваша веб-сторінка під час завантаження. Однак це не єдиний спосіб вчинити, і якщо з якоїсь причини ви не можете розмістити аудіо поряд із своїм веб-сайтом, ви можете використовувати Диск Google або інший хмарний сервіс для розміщення його та посилання на вашу веб-сторінку.
Хоча цей підручник вирішує питання вбудовування у веб-сторінку, той самий принцип застосовується і до більшості веб-сторінок. Це може включати соціальні мережі, блоги, вікі, цільові сторінки чи що завгодно.
Вставте аудіо на веб-сторінку за допомогою Диска Google
Щоб вставити аудіо на веб-сторінку, ми зазвичай завантажуємо MP3-файл на веб-хост і розміщуємо його вбудованим на сторінці. Це дозволяє сторінці запитувати хоста та відтворювати музику швидко та без додаткових зовнішніх запитів. Це не завжди можливо. Якщо у вас немає місця для зберігання місця на веб-хості або хост не дуже швидкий або підходить для потокової передачі, вам потрібно шукати в іншому місці.
Тут надходить Google Drive або інша хмарна служба. Ви можете завантажити MP3 у хмарний сховище та посилання на нього зі своєї веб-сторінки. Тоді кожен раз, коли хтось відтворює трек, він передається, якщо з вашого Диска, а не локально на веб-хості. Враховуючи, наскільки великі та потужні хмарні сервери Google, ви можете також використовувати це на вашу користь!
Ось як це налаштувати:
- Увійдіть у свій Диск Google як звичайно.
- Створіть папку та завантажте у неї MP3-файл.
- Встановіть дозвіл на MP3-файл на "Увімкнено - загальнодоступне в Інтернеті, будь-хто в Інтернеті може знайти та переглянути".
- Збережіть дозвіл.
- Захопіть посилання на спільний доступ на сторінці Поділитися. Почнеться "https://drive.google./com/…"
Це все для налаштування. Ваш MP3-файл зараз знаходиться у хмарі та доступний будь-кому, хто має посилання на спільний доступ. Тепер нам потрібно розмістити це посилання в Інтернеті на вашій веб-сторінці, щоб інші мали змогу отримати доступ до нього.
Вставлення посилання на вашу сторінку
Від того, яким чином ви вставите посилання для спільного використання, залежить те, що ви використовуєте для свого веб-сайту. Ви можете використовувати інший метод для WordPress або Joomla, як для HTML або інших фреймворків.
Щоб вставити свій MP3 на сторінку WordPress:
- Відкрийте свою сторінку в WordPress та зробіть пробіл для аудіофайлу.
- Виберіть кнопку Додати медіа у верхній частині редактора сторінки.
- Виберіть Ввести URL-адресу та вставте зверху URL-адресу Диска Google.
- Дайте ім’я та назву, а потім Вставте медіа.
- Збережіть сторінку після завершення.
Якщо ви попередньо переглядаєте сторінку, вам слід побачити посилання та його опис, доданий там, де ви розмістили його на сторінці. Відтворюйте медіа, і він непомітно передаватиметься з вашого Диска Google через сторінку. Це дуже охайний спосіб додавання мультимедійних даних до сторінки без використання пам’яті на веб-хості.
Якщо ви не використовуєте WordPress і вам потрібно вбудувати код в iFrame, це теж дуже просто. Оскільки iFrames є веб-стандартом, більшість фреймворків та платформ для публікації повинні підтримувати їх. Отже, все, що вам потрібно зробити, - це створити iFrame і розмістити його на своїй сторінці.
Щоб вставити MP3-файл за допомогою інших рамок:
- Вставте URL-адресу спільного використання Диска Google у текстовий редактор.
- Змініть "/ переглянути" в кінці URL-адреси для "/ preview" та скопіюйте всю URL-адресу.
- Вставте його в код нижче замість URL-адреси прикладу після 'src ='.
- Відкрийте веб-сторінку в редакторі HTML або скористайтеся редактором вашої платформи.
- Розмістіть весь код, включаючи на своїй сторінці, де ви хочете, щоб він відображався.
- Збережіть файл і протестуйте його.
Код:
frameborder = "0" width = "500" height = "250" src = "https://drive.google.com/file/d/MP3FILEURL/preview">
Програвач повинен з’явитися на вашій сторінці і відтворювати MP3-файл, коли вибрано. Не забудьте перевірити посилання самостійно після завантаження, щоб переконатися, що воно працює. Потім опублікуйте змінену сторінку і насолоджуйтесь!
Ось як вставити MP3-аудіо у веб-сторінку за допомогою Google Drive. Знаєте, які ще способи це зробити? Розкажіть про це нижче, якщо ви це зробите!
