Вести сайты Audio Hosting, такие как SoundCloud или ancher.fm, позволяют вам легко встроить аудиофайлы на ваших веб-страницах и блогах. Просто загрузите свой файл — как песня MP3 или Audio Podcast — на любой из этих сайтов, и они предоставят код вставки HTML, который вы можете скопировать в пасте вашего веб-шаблона. Простой!
Если вы храните файлы MP3 на Google Диске, вы можете встраивать файлы прямо с Диска, не загружая их на другой веб-сайт. MP3-плеер Drive может быть встроен на любой веб-сайт, поддерживающий IFRAME, и в список входят Blogger, WordPress, Medium или даже новые сайты Google.

Шаг 1. Загрузите MP3 на Google Диск

Откройте drive.google.com и загрузите MP3 на свой Google Диск. После того, как файл будет загружен, щелкните правой кнопкой мыши, чтобы предоставить общий доступ, и установите разрешение на общий доступ «Все в Интернете могут найти и просмотреть».

Шаг 2. Создайте код для встраивания проигрывателя

URL Google Drive будет иметь следующую структуру:
https://drive.google.com/file/d/1234xyz/view?usp=sharing
Теперь все, что вам нужно сделать, это заменить / view с / preview и заверните модифицированный URL в тег iframe, как показано ниже:

Вот живой пример. Встроенный MP3-плеер имеет регуляторы громкости, кнопки воспроизведения / паузы, полосу поиска, без фирменного стиля Google, он работает на мобильных устройствах, и воспроизведение также автоматически определяет и отображает продолжительность музыкального файла.
Файл MP3 размещен на Google Диске и встроен в тег IFRAME.