Вставить музыку в плеер аудио на сайт/блог. Автоплей

Для того, чтобы вставить аудио в один из плееров, предложенных ниже, необходимо заменить фразу “Прямая ссылка на аудио файл” на ссылку.

Узнайте также какие есть аудио переводчики онлайн.

Для начала приведу примеры аудио плееров для сайта или блога и коды к ним:

Плеер с сайта http://www.muzicons.com/. Здесь же Вы найдете удобный конструктор аудио плеера, позволяющий выбрать цвет, внешний вид плеера, выбрать музыку (search mp3) из каталога или указать прямую ссылку на файл (URL), подписать название композиции.

Код:

<object width="150" height="50" align="middle"><embed src="http://muzicons.com/musicon_v_srv_new.swf" width="150" height="50" menu="false" quality="high" align="middle" type="application/x-shockwave-flash" flashvars="&amp;nomuz=muzicon%20unavailable&amp;site=http://muzicons.com/&amp;icon_pic=88.png&amp;music_file=Прямая ссылка на аудио файл&amp;sjid=12&amp;bg_color=ffcc00&amp;type_of_clip=whith_bar&amp;text_color=FFFFFF&amp;text_message=rasta&amp;buy_link=http%3A%2F%2Fwww.amazon.com%2Fgp%2Fsearch%3Fie%3DUTF8%26tag%3Dmuzicocommusi-20%26index%3Ddigital-music%26linkCode%3Dur2%26camp%3D1789%26creative%3D9325" wmode="transparent" menu="false" quality="high"></embed></object>

 

Код:

<object data="http://htmlka.com/wp-content/uploads/2009/07/player2.swf" type="application/x-shockwave-flash" width=240 height=50><param value="http://htmlka.com/wp-content/uploads/2009/07/player2.swf" name="movie"> <param value="loop=no&amp;autostart=no&amp;soundfile=Прямая ссылка на аудио файл&amp;" name="flashvars"><param value="false" name="menu"></object>

Код:

<object width="290" height="24" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://www.yapfiles.ru/files/148503/player.swf" /><param name="wmode" value="opaque" /><param name="bgcolor" value="#FFFFFF" /><param name="scale" value="showall" /><param name="quality" value="autohigh" /><param name="align" value="l" /><param name="FlashVars" value="autostart=no&loop=no&soundFile=http://homepersonnel.ru/mp3/pesnya_mamontenka.mp3" /><embed width="290" height="24" swliveconnect="default" src="http://www.yapfiles.ru/files/148503/player.swf" wmode="opaque" bgcolor="#FFFFFF" scale="showall" quality="autohigh" loop="false" menu="false" play="false" salign="tl" FlashVars="autostart=no&loop=no&soundFile=Прямая ссылка на аудио файл" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed></object>

Плеер с сайта muzicons.com

Код:
..

<object width="150" height="50" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="wmode" value="transparent" /><embed src="http://muzicons.com/musicon_v_srv_new.swf" width="150" height="50" menu="false" quality="high" align="middle" type="application/x-shockwave-flash" flashvars="&#038;nomuz=muzicon%20unavailable&#038;site=http://muzicons.com/&#038;icon_pic=0.png&#038;music_file=Прямая ссылка на аудио файл&#038;bg_color=898989&#038;type_of_clip=simple_text&#038;text_color=FFFFFF&#038;text_message=Название композиции" wmode="transparent" menu="false" quality="high"></embed></object>

Плеер с Привет.ru:
Код последнего плеера вы увидите на следующем скрине. Выделенная ссылка показывает прямую ссылку на аудио файл. Она обычно не заключена в кавычки, начинается с http//… , содержит в себе mp3 и заканчивается перед вторым символом & (первый обычно входит в состав ссылки). Таким образом прямую ссылку на аудио файл можно выделить и любого плеера.

код_плеера

Этапы смены плеера на другой (или как залить свою музыку на нужный плеер):

1. этап

первый вариант Закачать музыку на хостинг, выдающий прямые ссылки на аудиофайлы (www.dropbox.com здесь необходима регистрация,www.screencast.com – нужна также регистрация) и получить необходимые ссылки. Существуют также хостинги, для получения ссылок с которых нет необходимости в регистрации, однако файлы на них хранятся непродолжительное время и часто такие ссылки не работают.
второй вариант (наиболее надежный) закачать на музыку на любой хостинг, выдающий уже готовые плееры и извлечь из готового кода прямую ссылку на аудио файл.

2 этап

Вставить прямую ссылку в код плеера.

Генератор mp3 плеера для блога

Собрать mp3 плеер для сайта или блога можно на сайте http://flv-mp3.com/ru/mp3/.  Вставляйте прямую ссылку на аудиофайл, выбирайте размер и цвет плеера
Получится такой плеер:

Здесь же можно создать код автоплея (самозапуска музыки при входе на сайт или блог), указав размеры плеера, равные 0 (в случае, если Вы хотите скрыть сам плеер) и поставив галочку напротив автозапуска. Использовать автоплей не рекомендую из-за частых отрицательных отзывов посетителей сайтов, на которых он установлен. Однако, он имеет право на существование, например, в музыкальных блогах.

11 ответов к «Вставить музыку в плеер аудио на сайт/блог. Автоплей»

  1. было бы здорово если бы сделали плеер который бы при переключении страниц не выключался бы, как вконтакте. там на ajax вроде бы

  2. Немного о SoundHost.org

    SoundHost – это онлайн-платформа (мобильная и веб), которая позволяет слушать любимую музыку онлайн, следить за творчеством артистов и за музыкальными событиями.

    Основные характеристики:

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

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

    Еще на SoundHost можно (Загружать, скачивать, продавать, слушать музыку)
    Много возможностей — быстрая загрузка треков, скачка, удобное прослушивание треков, Украинский, Русский и Английский языки, возможность коментировать и одобрять треки и много чего другого…

    Музыкальный аудио хостинг SoundHost

  3. Музыкальный аудио хостинг SoundHost
    (Норм альтернатива музыке в ВК это — SoundHost)
    На SoundHost можно слушать, загружать, скачивать, оценивать музыку, делится, вставлять музыку на лыбые сайт, создавать плейлисты еще есть приложение для Android! Короче говоря музыкальная соцсеть очень большой функционал…
    Сам пользуюсь, советую! 🙂

    Upload music

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

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