Огни большого города Личный блог Александра Каратаева 
Вставить аудиофайл mp3 на сайт, казалось бы, совсем не сложно. Особенно, если это сайт на WordPress...
Загружаешь mp3 в свою медиагалерею и вперёд, вставляй в статью.
Сложнее, когда грузить свою медиагалерею ну совсем не хочется... Я сказал «Сложнее»? Это шутка. Вставить аудиофайл mp3 совсем не сложно, если у вас есть Dropbox!
Пробовал и с Яндекс Диском, и с Google Drive, но там какие-то заморочки, а пляски с бубном надоели. Поэтому остановился на самом простом способе - вставке с Dropbox.
Как вставить аудиофайл mp3 на сайт из Dropbox
Скачиваем нужный mp3 файл себе на компьютер и загружаем его на Dropbox.
Переходим на 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 и будете первыми узнавать о новых статьях блога, а также увидите там много чего интересного...
Саша привет! Ну Ты вообще супер человек! Я ведь все мелодии на своем блоге потеряла… искада, искала выход.. и отпустила эту тему. У меня был вставлен код с сайта, даже не вспомню название. Потом этот сайт преобразовался в другое состояние.. А тут твоя подсказка. И песня моя самая любимая!!! Спасибо тебе огромущее за помощь! Что ли ты на расстоянии мысли считывать умеешь?
Шутка. Огромная тебе благодарность. Теперь мой блог потихоньку оживет. Поделилась. Я не жадная.
Привет, Надежда!
Ну да, гений никогда не скажет, что он гений, по себе знаю…
А если серьёзно, то рад, что показанный способ может оказаться полезным.
Ну, как попробуешь – напиши получилось или нет? Интересно же… Процветания твоему блогу, надеюсь, второе дыхание открылось!
Александр, привет! Спасибо за информацию.
Не знаю нужно мне это будет или нет, но папку Dropbox я создала и песню Шамана скачала
Софья, привет! Уже посмотрел у тебя эту вставку. Всё отлично! Поздравляю!
Вот теперь можно себе и другие песни для души на блог вставлять…
Саня, привет! Ради интересе попробовал, а у меня, как ты знаешь, блог на wordpress.com…
Просто твой код вставил, на заморачиваясь больше ни на что. И всё прекрасно получилось! Так, что подтверждаю – подходит для любого сайта.
Вообще-то желательно на свой Dropbox заливать, а не с моего вставлять…
Я у себя, например, удалю файл – он и у тебя перестанет воспроизводиться…
Саша, ты знаешь, что от тебя дважды приходит рассылка с интервалом в 2-3 дня? Это чтоб поднять читаемость? Или дубль для меня лично…?
Шучу.
Хороший способ для блогеров. А я за 10 лет ни разу не вставила аудифайл, и даже не знаю, что такое Dropbox. Думаю, уже теперь и не пригодится, хотя… как знать…
Люда, привет! Рассылка приходит дважды потому, что в Send Pulse, это сервис рассылок, который я использую, при отправке рассылки выставляю галочку "Повторно отправить по непрочитанным"… И да, как раз задаю период через 2 или 3 дня, когда как.
Другими словами, если ты откроешь первое письмо рассылки, то второе уже не придёт. Если не откроешь по каким-то причинам (потом забудешь, письмо затеряется в общем потоке…), то получишь второе.
Dropbox — файловый хостинг компании Dropbox Inc., включающий персональное облачное хранилище, синхронизацию файлов и программу-клиент. Пользуюсь очень давно, удобно. Можно использовать онлайн, можно установить клиента на свой компьютер.
Я тоже аудиофайлы не вставлял. Но вот захотелось, нашёл способ, который не требует загрузки в свою медиатеку, чем и поделился…
Понятно. Хорошо, что нет галочки, пока не прочтешь материал – будут приходить уведомления?
Буду знать. Казалось раньше от Send Pulse такого не было.
Да вроде всегда было… Я это всё время использую.
Такой галочки нет и это правильно.
Повтор только один раз, если первое письмо не прочитано. Если второе не прочитано, значит не судьба. Уведомлений больше не будет.
Ага, теперь, если придет необходимость вставить аудиофайл себе в статью, буду знать, где доступный и понятный урок! Спасибо!
Пока такой необходимости не было, но, как говорится: никогда не говори никогда! 🙂
Зато когда такая необходимость и желание возникнут, Вы будете знать как это реализовать. А как знать, чего мы захотим завтра?
Александр, здравствуй!
Замечательный способ подсказал, спасибо! Дропбокс, вроде бы, сервис надежный. У меня он даже есть, только не пользовался им в таких целях. Думаю, очень удобно для случая, когда аудиофайл свой и объемный, или таких файлов много – получится реальная экономия места на хостинге. Чужие треки бы не стал вставлять таким образом, их добавлял только с помощью официального инструмента Яндекс-музыки – раньше там тоже было всё просто, сейчас не знаю как. Т.е., в этом случае со стороны РКН не будет претензий за распространение авторского контента. Вижу, по ссылке есть возможность скачивать файл, а убрать эту возможность как-то можно?
Константин, приветствую!
Да, тут главная идея в том, чтобы не грузить в свою медиа галерею. У кого как, а для меня это оказалось важным фактором.
По поводу отключения возможности скачивания – не готов доложить. Возможно, это на самом Dropbox как то рулится. В правах доступа к файлу. При случае посмотрю.