Как вставить аудио на блог без плагинов


Игорь Козлов | 2012-12-24 | 14 комментариев

Друзья, сегодня хочу поделиться ещё одним вариантом, как вставить аудио на блог без плагинов. Общепринятый вариант транслирования аудио на блоге — это плагин 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="https://blogopraktika.ru/audio/player.swf" /><param name="FlashVars" value="playerID=1&amp;soundFile=https://blogopraktika.ru/audio/37-step-partial.mp3" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="src" value="https://blogopraktika.ru/audio/player.swf" /><embed id="audioplayer1" type="application/x-shockwave-flash" width="290" height="24" src="https://blogopraktika.ru/audio/player.swf" wmode="transparent" menu="false" quality="high" flashvars="playerID=1&amp;soundFile=https://blogopraktika.ru/audio/37-step-partial.mp3" data="https://blogopraktika.ru/audio/player.swf" /></object>

В коде 2 раза упоминается ссылка на файл плеера player.swf . Он находится у меня в папке audio (у вас может быть другая папка, важно лишь прописать прямой путь к ней).

Также в обязательном порядке в этом коде присутствует прямая ссылка на файл mp3. В моем случае это файл 37-step-partial.mp3. Он также находится в папке audio. Здесь также не имеет значения, где он, хоть на другом хостинге, важно чтобы к нему был прописан прямой путь.

Читайте также:  Clearfy - плагин для wordpress!

Итак, если вы хотите отныне транслировать аудио без плагинов, вам нужно:

  • иметь на своем хостинге файл плеера player. swf. Для это скачайте его по этой ссылке.
  • разархивируйте, закачайте player. swf  на свой хостинг
  • закачайте аудиофайл на свой хостинг
  • вставьте в тело своего поста вышеупомянутый код
  • в коде измените пути к аудиофайлу и к плееру на свои

Вот и вся процедура.

Если у вас на блоге много аудио, может быть уже нет смысла отказываться от плагина? Но если их до 10 штук, советую, начать пользоваться этим способом. Не забудьте, все существующие аудио подключить новым способом, чтобы после отключения плагина, они оставались работоспособными.

В заключение, поздравительное Новогоднее видео от Дмитрия Юдина! Для поднятия настроения!

Автор: Игорь Козлов
Чистый звук в мире инфобизнеса

Включите свой мозг! - Хватит бродить по Интернету в поисках счастья! Вам ещё не надоело скачивать курсы, подписываться на рассылки и... топтаться на месте? Пора взяться за ум!

Не знаете, что делать дальше? - Вам нужна мотивация, за ней придет и творческое решение



Комментарии (14)

  1. Андрей:

    Да, способ приемлемый, но в моём случае всё же гораздо удобнее плагин...

    Ответить
    • Игорь Козлов:

      В твоем, да. У тебя в каждом посту аудио. Тут без вариантов.

      А у меня было вперемешку, то podfm-плеер, то плагин работал. Но поскольку с плагином не так много было, то ради 10 файлов, посчитал нецелесообразным, когда внешне все выглядит также. Теперь плеер подгружается только к определенной странице, а не ко всему блогу, как это было раньше.

      Ответить
  2. Галина:

    Я тоже попробовала установить плеер. Представьте, Игорь, получилось. Почти впервые в жизни. 😯

    Ответить
    • Игорь Козлов:

      Я рад! Кстати, подобным образом этот плеер можно вставить на любой сайт. Скажем так, универсальный способ.

      Ответить
  3. Виктор:

    Спасибо большое, Игорь!

    Берем на заметку.

    Ответить
  4. Руслан Дудник:

    Пробовал с аудиофайлами, закачанными на Dropbox — не пашет, а жаль

    Ответить
    • Игорь Козлов:

      Должно, если ссылка прямая.

      Ответить
    • Ольга Черныш:

      Почему вот такой облом? Что надо схитрить на этих облаках, чтобы коды их читали?

      Ответить
  5. Елена:

    Почему-то у меня не появился плеер ни в статье, ни в сайдбаре, жалко...А он точно для блога на wp подходит?

    Ответить
    • Игорь Козлов:

      Спасибо, Елена за обратную связью. Раньше этот код плеера, о котором пишу в статье, я выводил с помощью специального плагина. Но недавно снес его и код плеера, который вы скопировали, стал неправильно отображаться. Только сейчас заметил это.

      Код подходит. У меня он работает на странице «Мои услуги». Я давно плагином не пользуюсь. Попробуйте ещё раз, Елена, скопировав код на странице, я его только что подправил.

      Ответить
      • Елена:

        Ура, получилось=)И, кстати, Игорь, с Вашим старым кодом, плеер нормально заработал в сайдбаре...Я, оказывается, неправильно папку audio в файловом менеджере разместила. Делюсь опытом: было неправильно — /home/мой сайт/public_html/audio ; теперь правильно — /home/мой сайт/domains/мой сайт.ru/public_html/audio

        Ответить
        • Игорь Козлов:

          Такие длинные ссылки не нужно прописывать. Достаточно ://ваш сайт/audio/file.mp3

          Ответить
  6. Ольга Черныш:

    И я не догнала,что за макромедия и каким боком?

    Ответить

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

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

WordPress: 43.43MB | MySQL:60 | 0,692sec