На прошлой неделе мы получили интересный вопрос здесь, в TechJunkie Towers. Он рассматривал что-то, чего я никогда раньше не думал, и хотел знать, как встроить MP3-аудио в веб-страницу с Google Drive. Как человек, который управляет несколькими веб-сайтами для организаций, мне был передан вопрос.
Обычно вы размещаете какие-либо средства массовой информации рядом с веб-сайтом, если хотите разместить их на странице. Он поддерживает порядок и уменьшает количество внешних запросов, которые ваша веб-страница должна выполнять во время загрузки. Однако это не единственный способ сделать что-то, и если по какой-то причине вы не можете разместить аудио рядом со своим веб-сайтом, вы можете использовать Google Drive или другой облачный сервис для его размещения и ссылки на свою веб-страницу.
Хотя в этом руководстве рассматривается встраивание в веб-страницу, этот же принцип применим к большинству веб-страниц. Это может включать в себя социальные сети, блоги, вики, целевые страницы или что-то еще.
Вставить аудио на веб-страницу с Google Drive
Чтобы встроить аудио на веб-страницу, мы обычно загружаем файл MP3 на веб-хост и размещаем его на странице. Это позволяет странице запрашивать хост и воспроизводить музыку быстро и без дополнительных внешних запросов. Это не всегда возможно. Если у вас нет места для хранения на вашем веб-хосте или хост не очень быстрый или не подходит для потоковой передачи, вам нужно искать в другом месте.
Вот где появляется Google Drive или другой облачный сервис. Вы можете загрузить MP3 в облачное хранилище и сделать ссылку на него со своей веб-страницы. Затем каждый раз, когда кто-то воспроизводит дорожку, которую он транслирует, с вашего диска, а не локально на вашем веб-хосте. Учитывая, насколько большими и мощными облачные серверы Google, вы можете использовать это в своих интересах!
Вот как это сделать:
- Войдите в свой Google Диск как обычно.
- Создайте папку и загрузите в нее файл MP3.
- Установите разрешение для файла MP3 на «Общедоступно в Интернете. Любой пользователь Интернета может найти и просмотреть».
- Сохраните разрешение.
- Захватите ссылку поделиться на странице Share. Начнется «https://drive.google./com/…»
Вот и все для настройки. Ваш MP3-файл теперь находится в облаке и доступен любому, у кого есть ссылка. Теперь нам нужно разместить эту ссылку онлайн на вашей веб-странице, чтобы другие могли получить к ней доступ.
Встраивание ссылки на вашу страницу
Как именно вы встраиваете ссылку для обмена, зависит от того, что вы используете для своего сайта. Вы можете использовать другой метод для WordPress или Joomla, как для HTML или других фреймворков.
Чтобы вставить ваш MP3 на страницу WordPress:
- Откройте свою страницу в WordPress и освободите место для аудиофайла.
- Нажмите кнопку «Добавить мультимедиа» в верхней части редактора страниц.
- Выберите Введите URL и вставьте URL-адрес Google Диска сверху.
- Дайте ему имя и название, а затем вставьте носитель.
- Сохраните страницу, когда закончите.
Если вы просматриваете страницу, вы должны увидеть ссылку и ее описание, добавленное туда, где вы ее разместили. Воспроизведите медиафайл, и он будет незаметно воспроизводиться с вашего Google Диска на странице. Это очень аккуратный способ добавления мультимедийных файлов на страницу без использования хранилища на вашем веб-хосте.
Если вы не используете WordPress и вам нужно встроить код в iFrame, это тоже очень просто. Поскольку iFrames являются веб-стандартом, большинство фреймворков и платформ публикации должны их поддерживать. Поэтому все, что вам нужно сделать, это создать iFrame и разместить его на своей странице.
Чтобы встроить файл MP3 с помощью других платформ:
- Вставьте URL-адрес общего ресурса Google Диска в текстовый редактор.
- Измените «/ view» в конце 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. Знаешь какие-нибудь другие способы сделать это? Расскажите нам об этом ниже, если вы делаете!
