Как вставить аудио на блог без плагинов
Друзья, сегодня хочу поделиться ещё одним вариантом, как вставить аудио на блог без плагинов. Общепринятый вариант транслирования аудио на блоге — это плагин Audio Player. Хороший плеер, до сих пор пользовался им, имеет много настроек, минус лишь в том, что это плагин, а плагины, как мы знаем, влияют на скорость загрузки блога.
Для монозаписей на блоге, можно использовать программку Web Audio Plus, (подробнее здесь) которая позволит вам создать swf файл. Есть вариант транслирования аудио с помощью плеера от podfm — также хороший вариант, который я использую для подкастов. Но, например, на странице «Мои услуги„ натыкать этих плееров, значит, испортить её внешний вид.
Одним словом, сегодня ещё один вариант, который позволил мне отключить плагин Audio Player, хотя внешне, никто не скажет, что я работаю без него. Уж очень похоже. Смотрите сами.
Этот плеер работает без плагина. Кого интересует рекламируемая книга — вот ссылка, но мы сейчас не об этом. Итак,
Как вставить аудио на блог без плагинов
Для этого понадобится вставить в тело своего поста вот такой код:
<object id=“audioplayer1» width="290" height="24" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="/audio/player.swf" /><param name="FlashVars" value="playerID=1&soundFile=/audio/37-step-partial.mp3" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="src" value="/audio/player.swf" /><embed id="audioplayer1" type="application/x-shockwave-flash" width="290" height="24" src="/audio/player.swf" wmode="transparent" menu="false" quality="high" flashvars="playerID=1&soundFile=/audio/37-step-partial.mp3" data="/audio/player.swf" /></object>
В коде 2 раза упоминается ссылка на файл плеера player.swf . Он находится у меня в папке audio (у вас может быть другая папка, важно лишь прописать прямой путь к ней).
Также в обязательном порядке в этом коде присутствует прямая ссылка на файл mp3. В моем случае это файл 37-step-partial.mp3. Он также находится в папке audio. Здесь также не имеет значения, где он, хоть на другом хостинге, важно чтобы к нему был прописан прямой путь.
Итак, если вы хотите отныне транслировать аудио без плагинов, вам нужно:
- иметь на своем хостинге файл плеера player. swf. Для это скачайте его по этой ссылке.
- разархивируйте, закачайте player. swf на свой хостинг
- закачайте аудиофайл на свой хостинг
- вставьте в тело своего поста вышеупомянутый код
- в коде измените пути к аудиофайлу и к плееру на свои
Вот и вся процедура.
Если у вас на блоге много аудио, может быть уже нет смысла отказываться от плагина? Но если их до 10 штук, советую, начать пользоваться этим способом. Не забудьте, все существующие аудио подключить новым способом, чтобы после отключения плагина, они оставались работоспособными.
В заключение, поздравительное Новогоднее видео от Дмитрия Юдина! Для поднятия настроения!
Автор: Игорь
Чистый звук в мире инфобизнеса
Да, способ приемлемый, но в моём случае всё же гораздо удобнее плагин...
В твоем, да. У тебя в каждом посту аудио. Тут без вариантов.
А у меня было вперемешку, то podfm-плеер, то плагин работал. Но поскольку с плагином не так много было, то ради 10 файлов, посчитал нецелесообразным, когда внешне все выглядит также. Теперь плеер подгружается только к определенной странице, а не ко всему блогу, как это было раньше.
Я тоже попробовала установить плеер. Представьте, Игорь, получилось. Почти впервые в жизни. 😯
Я рад! Кстати, подобным образом этот плеер можно вставить на любой сайт. Скажем так, универсальный способ.
Спасибо большое, Игорь!
Берем на заметку.
Пожалуйста, Виктор!
Пробовал с аудиофайлами, закачанными на Dropbox — не пашет, а жаль
Должно, если ссылка прямая.
Почему вот такой облом? Что надо схитрить на этих облаках, чтобы коды их читали?
Почему-то у меня не появился плеер ни в статье, ни в сайдбаре, жалко...А он точно для блога на wp подходит?
Спасибо, Елена за обратную связью. Раньше этот код плеера, о котором пишу в статье, я выводил с помощью специального плагина. Но недавно снес его и код плеера, который вы скопировали, стал неправильно отображаться. Только сейчас заметил это.
Код подходит. У меня он работает на странице «Мои услуги». Я давно плагином не пользуюсь. Попробуйте ещё раз, Елена, скопировав код на странице, я его только что подправил.
Ура, получилось=)И, кстати, Игорь, с Вашим старым кодом, плеер нормально заработал в сайдбаре...Я, оказывается, неправильно папку audio в файловом менеджере разместила. Делюсь опытом: было неправильно — /home/мой сайт/public_html/audio ; теперь правильно — /home/мой сайт/domains/мой сайт.ru/public_html/audio
Такие длинные ссылки не нужно прописывать. Достаточно ://ваш сайт/audio/file.mp3
И я не догнала,что за макромедия и каким боком?