Огни большого города Личный блог Александра Каратаева 
Вставить аудиофайл 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 как то рулится. В правах доступа к файлу. При случае посмотрю.
Александр, добрый день!
Добрался и я до дропбокса. Т.к. никогда не использовал его, пришлось восстанавливать пароль. 2 Гб для хранения файлов – вполне приличный объем, порадовался. Я тут внезапно понял, что если буду продолжать свои музыкальные эксперименты, то никакого места на хостинге не хватит под mp3-файлы. Воспользовался предложенным тобой способом, переделал ссылки из аудиоплеера на дропбокс. В двух плеерах все работает хорошо (хотя, в одном задержка перед воспроизведением в 1-2 секунды все-таки ощущается). Интереса ради перепробовал еще штук пять плагинов плееров из репозитория вордпресс, но, как выяснилось, почти все работают исключительно с файлами на своем сайте. Но мне, в принципе, двух плееров с минималистичным дизайном хватает – один в виде кнопки воспроизведения, другой позволяет скачивать аудиотрек. Оба играют файлы с дропбокса.
Яндекс-музыка, кстати, всё… У меня в ранних статьях вставленные ранее файлы перестали проигрываться. Теперь Яндекс требует подписку. Ладно, обойдусь без них.
Добрый день! Честно говоря задержки воспроизведения не наблюдал, хотя вставил всего пару аудио. Я вот тоже подсел на SUNO, изучаю, тестирую…
Интересно, что практически все теги и разметки песни работают и в бесплатном варианте. И да, процесс действительно затягивает. Есть уже несколько моих стихов, озвученных SUNO, много выбраковки (моей), но то, что оставил – нравится. В скором времени напишу статью и покажу варианты.
И на блог эти аудио буду вставлять способом, показанным в статье, через Dropbox. Он, кстати, тоже даёт возможность скачать аудио, а не только прослушать. Как-то не хочется ещё и плагины медиаплееров себе ставить. И без того плагинов полно. А тут чисто всё, код минималистичен.
По поводу Суно… Я тоже сейчас на бесплатной версии. Уже около 10 дней не могу пользоваться своим аккаунтом, хотя подписка была оформлена на год. Поддержка молчит. На форумах пишут, что у многих российских пользователей такая проблема, Суно просто добавляет в каждый трек минуту в начале и еще случайно среди текста сообщение о том, что используется фейковое приложение (хотя захожу на оф. сайт через браузер с ноутбука). Ну вот так… Жду пока, но надежды мало… Ладно, не будем о грустном. Тэги, да, все работают. Не всегда, конечно, но, в целом, необходимого результата добиться можно (я два примера выкладывал в последней песне внизу – и мотив нужный, и голос (тоже бесплатная версия).
Странно. я таких проблем не обнаруживал… Ну может потому, что я не в РФ, а в Казахстане…
Кстати, по поводу вставки аудио, в вордпресс есть встроенная вставка аудио. Ссылку на аудио из Dropbox готовишь как показано в статье, только не нужно никакого HTML кода городить. Просто вставляешь ссылку на аудио и всё…
Правда, при таком способе не будет возможности скачать файл, но оно надо?
Спасибо. Попробую, проверю. Я же, помнится и спрашивал, как убрать возможность скачивания, но иногда она все же нужна, когда есть желание поделиться своим файлом, чтобы он ушёл дальше…