Skip to content

 

Как установить аудиоплеер на сайт

аудиоплеер на сайтНедавно столкнулась с вопросом как установить аудиоплеер на сайт, для размещения аудиофайла. Сайт на платформе Blogger и там нет функции размещения аудиофайлов. В WordPress заливается только в виде ссылки, по которой можно скачать файл к себе на компьютер. Прослушать онлайн не получится.

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

У меня есть аккаунт в Яндексе. Это огромный хостинг, на котором можно размещать информацию практически любого формата. Причём достаточно большого размера, до 750 Мв для одного аудио или видео файла. Правда, я не знаю, сколько времени они там хранятся.

Чтобы выложить звуковой файл в Яндекс.Видео в любых распространённых форматах — .avi, .mov, .flv, .3gp и т.д. я закачала нужную мне запись на этот хостинг.

загрузка аудио, видео на сайт

Загрузка файлов и получение HTML-кода на Яндекс.Видео

После загрузки записи система предлагает просмотр и выдаёт код для вставки в различные типы блогов. Скачанный и установленный код выглядит в виде вот такого аудиоплеера:

загрузка аудио, видео на сайт

Плеер для прослушивания подкаста

Код устанавливается в текстовом редакторе, во вкладке HTML. Для загрузки потребуется некоторое время, поэтому перед прослушиванием необходимо подождать несколько минут, в зависимости от размера файла.

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

А для расслабления делюсь с вами советами, как быстро сделать обычные вещи, например, вытряхнуть кетчуп, завязать шнурки или ровно свернуть футболку. Учимся с улыбкой 🙂

22 комментария

  1. Галина Исаева:

    А я пользуюсь сервисом prostopleer.com/. Загружаешь любой звуковой файл, берёшь код. В принципе действия одинаковые. Вид плеера разный. Но на этом сервисе не удаляют файлы с собственного аккаунта и бесплатных возможностей достаточно для работы. Можно и встроенный плеер делать на других серверах, но зачем свой хост нагружать? Так ведь?

    • Ольга Абрамова:

      Да, свой хостинг надо облегчать как только можно. Спасибо за сервис.

  2. Zis:

    Прекрасно, но …. .avi, .mov, .flv не совсем звуковой файл. Вообще-то это форматы видео.
    И использовать их для аудофайлов… можно, конечно, но, чеcтно говоря…
    Есть mp3, и как-бы большинство людей хранит музыку в этом формате.
    Да, Яндекс-видео — неплохой хостинг, но для озвученной задачи намного удобнее Dropbox.
    Ну а плееров для сайтов них великое множество.
    Другое дело, что собрать плеер для новичка — это может оказаться проблемой. Но опять таки, можно вопользоваться онлайн-сервисом, тем же простоплеером, мли прекрасный плеером mju.
    (хотя у меня больше ориентировано под плееры с плейлистами, но можно собрать плеер и для одной композиции) .

    • Ольга Абрамова:

      Я описываю установку аудиоплеера и именно на скорую руку, но и видеофайлы также можно загружать и устанавливать на сайт. Поэтому и указала такие расширения. Ничего страшного.
      Спасибо за Ваш сайт. Возможно кому-то и пригодится.

  3. Весельчак:

    Здравствуйте. Я провожу небольшое исследование сайтов выпускников школы стартап. Некоторые мысли об этом описал в статье Несколько вопросов о школе стартап. Если будет время — буду рад, если вы зайдете и ответите на вопросы. Спасибо!

    • Ольга Абрамова:

      Здравствуйте, Весельчак,

      Веселенькое исследование Вы замутили. Непонятно, зачем. Надеюсь, не из зависти. А дальше что?
      Вы хотите свой проект создать в противовес Старт Апу? Тогда на деле Вы сможете доказать что Старт Ап фигня. Вот это будет по делу.

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

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

      Извините, если наше мнение не совпадает.

  4. Татьяна:

    Ольга, Вы как будто услышали мои мысли. Буквально на последней Мастер-группе задавала об этом вопрос!!! Мы случайно не медитировали на одно и тоже?
    СПАСИБО. У Вас, как всегда, суперски выходит обучать.

    • Ольга Абрамова:

      Спасибо, Татьяна. Когда люди заняты одним делом, они всегда соединены на тонком плане 🙂

  5. Оксана:

    Как кстати! искала такую информацию. Только как-то сложновато показалось мне. А вот у вас, Оля, действительно легко и доступно . Спасибо большое!!! Есть, что загружать

    • Ольга Абрамова:

      Оксана, спасибо. Загружайте 🙂

  6. Светлана:

    Очень нужная информация по плееру. У меня на сайте нет этого и надо об этом думать. Спасибо

    • Ольга Абрамова:

      Пожалуйста 🙂

  7. Julia:

    Спасибо. Сразу пошла и установила себе плеер. До этого не знала, как это сделать самым простым путем не влезая в код.

    • Ольга Абрамова:

      Юлия, пожалуйста.

  8. Татьяна:

    По адресу uspehdljavseh.ru/?p=1128#more-1128 вас дожидается подарок!

    • Ольга Абрамова:

      Татьяна, спасибо за подарок 🙂

  9. Тимур:

    Можно еще просто плагин скачать. Который так и называется audio pleer

    • Ольга Абрамова:

      спасибо, Тимур, за дополнение. Вариантов много, можно любым воспользоваться.

  10. Юрий:

    Доброго времени суток! Извиняюсь конечно но я так и не понял как установить Аудио плеер к себе на сайт.Есть подробная инструкция которая начнется с хоста где живет сайт?

    • Ольга Абрамова:

      Юрий, такой инструкции нет. Куда уже проще 🙂 Я хостингом практически не пользуюсь, делаю всё на самом блоге.
      Закачать файл в Яндекс.Видео, получить там код и вставить его в текстовый редактор блога.
      Если Вы всего этого не умеете, тогда Вам нужна чья-то конкретная помощь. Обратитесь к фрилансеру.

  11. Алёна:

    Оленька! Спасибо большое за подсказку о плеере. Много искала в интернете, всё как то путано и перепутано. Мне нужно то пару песенок на сайт себе кинуть…а изучать информацию, ради двух песенок..ну не вижу смысла…А у вас — такой простой способ)))Спасибо ещё раз)))

    • Ольга Абрамова:

      Алена, пожалуйста. В Версии WP 3.7.1 можно сразу с копма загружать медиафайлы. Правда, видео у меня не получилось (не стала вникать), а аудиофайл вставился легко. Но все равно, лучше ставить коды от сторонних медиа-ресурсов, чем нагружать свой хостинг.