Как вставить аудиофайл mp3 на сайт из Dropbox

Как вставить аудиофайл mp3 на сайт из Dropbox

Вставить аудиофайл mp3 на сайт, казалось бы, совсем не сложно. Особенно, если это сайт на WordPress...

Загружаешь mp3 в свою медиагалерею и вперёд, вставляй в статью.

Сложнее, когда грузить свою медиагалерею ну совсем не хочется... Я сказал «Сложнее»? Это шутка. Вставить аудиофайл mp3 совсем не сложно, если у вас есть Dropbox!

Пробовал и с Яндекс Диском, и с Google Drive, но там какие-то заморочки, а пляски с бубном надоели. Поэтому остановился на самом простом способе - вставке с Dropbox.

Как вставить аудиофайл mp3 на сайт из Dropbox

Скачиваем нужный mp3 файл себе на компьютер и загружаем его на Dropbox.

Переходим на Dropbox и напротив загруженного файла жмём кнопку «Поделиться». Откроется вот такое окно:

вставить аудиофайл mp3 на сайт из Dropbox

Получаем ссылку примерно такого вида:

https://www.dropbox.com/scl/fi/ert9tc1fid3gx9z2rxgi1/.mp3?rlkey=1gtxew3astkt2xngnbn73gczt&dl=0

Для того, чтобы ссылка с Dropbox «заиграла», надо её чуть-чуть модифицировать. А именно, в самый её конец добавить вот такой параметр: «&raw=1», без кавычек естественно...

Таким образом, итоговая ссылка на наш mp3 файл получит вид:

https://www.dropbox.com/scl/fi/ert9tc1fid3gx9z2rxgi1/.mp3?rlkey=1gtxew3astkt2xngnbn73gczt&dl=0&raw=1

А дальше используем шаблон вставки аудиофайлов:

<audio controls src="ссылка на ваш mp3 файл"></audio>

В нашем случае это будет:

<audio controls src="https://www.dropbox.com/scl/fi/ert9tc1fid3gx9z2rxgi1/.mp3?rlkey=1gtxew3astkt2xngnbn73gczt&dl=0&raw=1"></audio>

Остаётся только выбирать блок «Произвольный HTML» и вставить в него полученный код. Всё! Слушаем и наслаждаемся...

Вот и всё, а вы боялись...

Вот так легко и непринуждённо мы вставили с Dropbox аудиофайл mp3 на сайт. Такой подход я использовал для вставки гимна Казахстана в статью о Мукане Тулебаеве. А в этой статье точно таким же способом вставил песню Шамана о Родине... Послушайте её, очень красивая песня.

Как видите, ничего сложного нет. И кстати, этот способ подойдёт для вставки mp3 с Dropbox на любой сайт.

Подписывайтесь на мой канал в telegram - Как вставить аудиофайл mp3 на сайт из DropboxTelegram и будете первыми узнавать о новых статьях блога, а также увидите там много чего интересного...
Огни большого города https://obg.kz

Смотрите также

Блог вернулся на казахстанский хостинг

Блог вернулся на казахстанский хостинг

Я перенёс блог на казахстанский хостинг. Не знаю, оправданы-ли мои действия, но всё уже свершилось. …

WordPress изображения. Как избавиться от лишних…

WordPress изображения. Как избавиться от лишних…

Изображения WordPress, пожалуй, самая неудачная часть реализации этого, в общем-то, неплохого движка. Я уже писал …

10 комментариев

  1. Саша привет! Ну Ты вообще супер человек! Я ведь все мелодии на своем блоге потеряла… искада, искала выход.. и отпустила эту тему. У меня был вставлен код с сайта, даже не вспомню название. Потом этот сайт преобразовался в другое состояние.. А тут твоя подсказка. И песня моя самая любимая!!! Спасибо тебе огромущее за помощь! Что ли ты на расстоянии мысли считывать умеешь? enlightened Шутка. Огромная тебе благодарность. Теперь мой блог потихоньку оживет. Поделилась. Я не жадная.

    • Привет, Надежда!

      Ты вообще супер человек!

      Ну да, гений никогда не скажет, что он гений, по себе знаю… cheeky

      А если серьёзно, то рад, что показанный способ может оказаться полезным.

      Ну, как попробуешь – напиши получилось или нет? Интересно же… Процветания твоему блогу, надеюсь, второе дыхание открылось!

  2. Александр, привет! Спасибо за информацию.

    Не знаю нужно мне это будет или нет, но папку Dropbox я создала и песню Шамана скачала 

     

  3. Саня, привет! Ради интересе попробовал, а у меня, как ты знаешь, блог на wordpress.com…

    Просто твой код вставил, на заморачиваясь больше ни на что. И всё прекрасно получилось! Так, что подтверждаю – подходит для любого сайта. 

  4. Саша, ты знаешь, что от тебя дважды приходит рассылка с интервалом в 2-3 дня? Это чтоб поднять читаемость? Или дубль для меня лично…? cheeky Шучу.

    Хороший способ для блогеров. А я за 10 лет ни разу не вставила аудифайл, и даже не знаю, что такое Dropbox.  Думаю, уже теперь и не пригодится, хотя… как знать…

    • Люда, привет! Рассылка приходит дважды потому, что в Send Pulse, это сервис рассылок, который я использую, при отправке рассылки выставляю галочку "Повторно отправить по непрочитанным"… И да, как раз задаю период через 2 или 3 дня, когда как.

      Другими словами, если ты откроешь первое письмо рассылки, то второе уже не придёт. Если не откроешь по каким-то причинам (потом забудешь, письмо затеряется в общем потоке…), то получишь второе.

      Dropbox — файловый хостинг компании Dropbox Inc., включающий персональное облачное хранилище, синхронизацию файлов и программу-клиент. Пользуюсь очень давно, удобно. Можно использовать онлайн, можно установить клиента на свой компьютер.

      Я тоже аудиофайлы не вставлял. Но вот захотелось, нашёл способ, который не требует загрузки в свою медиатеку, чем и поделился…

      • Понятно. Хорошо, что нет галочки, пока не прочтешь материал – будут приходить уведомления? 

        Буду знать. Казалось раньше от Send Pulse такого не было.

        • Да вроде всегда было… Я это всё время использую.

          …пока не прочтешь материал – будут приходить уведомления?

          Такой галочки нет и это правильно. 

          Повтор только один раз, если первое письмо не прочитано. Если второе не прочитано, значит не судьба. Уведомлений больше не будет. 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

 Ясогласен с политикой конфиденциальности сайта и пользовательским соглашением