Установить Аудио плеер на сайт

Установка Аудио плеера на сайт

Здравствуйте, уважаемый посетитель моего блога.

Многие пользователи Интернета хотели бы узнать, как установить аудио плеер на сайт? Когда я только начинал осваивать необъятные просторы под названием Интернет я так же входил в их число, мне хотелось иметь у себя на блоге удобный, красивый аудио плеер и тогда я занялся вопросом, как установить аудио плеер на сайт. За это время я познакомился со многими сервисами, которые предоставляли данный вид услуги. Посмотреть их Вы можете в статье: Вставка аудио на сайт

Итак, давайте начнем понимать, как же происходит установка аудио плеера на сайт. В этой статье, я постараюсь Вам объяснить простой принцип, поняв который, Вы сможете устанавливать на свой сайт различные аудио плееры. Вы сможете забыть, о тех сервисах, которые частенько закрываются, удаляют файлы, меняют условия и т.д.

Код для вставки аудио плеера на сайт состоит из двух главных компонентов – флеш-плеер (файл .swf в виде http://../player.swf) и аудиофайл (в виде http://../song.mp3), а дальше просто код HTML.

Код данного аудио плеера примерно выглядит так:

Установка Аудио плеера на сайт

Просто копируйте код и вставляйте его на страницу своего сайта в редактор HTML и у Вас на странице появится аудио плеер который сразу заиграет. Код находится сразу под аудио плеером

Можно данный код вставить в виджет.

Здесь я показал, куда Вам вставить свой музыкальный файл.

Установка Аудио плеера на сайт

В моем аудио плеере он выглядит так:

Аудиозапись: Adobe Flash Player (версия 9 или выше) требуется для воспроизведения этой аудиозаписи. Скачать последнюю версию здесь. К тому же, в Вашем браузере должен быть включен JavaScript.

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

Примеры:
моя музыка.mp3 (так нельзя, работать аудио плеер не будет)
moya_muzika.mp3 (можно юзать), а лучше всего muzika.mp3 . Смысл я думаю понятен постарайтесь прописывать одно любое слово, только не кириллицу.

Ну вот, на сегодня вроде бы и все! Установка аудио плеера на сайт, надеюсь у Вас прошла успешно. Желаю Всем удачи !

С Уважением! Семенов Александр

18 Comments on Установить Аудио плеер на сайт

  1. Рустем Хамзни // 01.12.2010 at 02:28 //

    Уважаемый Александр! Очень доволен твоим плеером, продолжаешь удивлять. Спасибо за труд.

  2. Дмитрий // 18.12.2010 at 02:31 //

    Уважаемый Александр. Подскажите, пожалуйста, как внести в код несколько файлов.

  3. Семенов Александр // 18.12.2010 at 03:52 //

    Уважаемый,Дмитрий!
    Проделай следующие действия
    1. Загрузи на хостинг аудиофайлы и составляй свой список треков:

    <file src="sound1.mp3"/>
    <file src="sound2.mp3"/>
    <file src="sound3.mp3"/>

    2. Скопируй этот образец кода плейлиста

    <?xml version="1.0" encoding="ISO-8859-1" ?> 
    <!DOCTYPE playlist SYSTEM "http://www.webminster.de/ext/xml/webplayer/playlist.dtd"> 
    <playlist name="" basedir="" xmlns="http://www.webminster.de/ext/xml/webplayer"> 
    <file src="sound1.mp3"/> 
    <file src="sound2.mp3"/> 
    <file src="sound3.mp3"/> 
    </playlist> 

    3. Открой на компе программу Блокнот, вставь туда этот код.

    4. Вместо примера списка треков вставляем свой заготовленный список треков.

    5. Жмем «Файл-Сохранить как». Называем файл playlist.xml и сохраняем.
    (назвать можно как угодно, главное – на латинице и .xml)

    6. Файл playlist.xml грузи на хостинг , ссылку на него ставим в код плеера там, где в плеере с одним треком стоит ссылка на mp3-файл: http://site/song.mp3

    7. Вставь полученный код плеера в блог.

  4. Юлия // 14.01.2011 at 16:20 //

    Уважаемый, Александр. Согласно вашему руководству установила плеер на свой сайт. Аудио файл у меня находится в корне, и так как я еще не хостила свой сайт, то просто прописываю название файла (src=adagio.mp3&autostart=no) В результате на сайте появляется плеер и даже отражает название песни, но почему-то не проигрывает ее. Подскажите что я делаю не так?

  5. Семенов Александр // 15.01.2011 at 21:52 //

    Юлия! Посмотри повнимательней на музыкальный код. Твоя ошибка в том, что у тебя не прописан путь музыкального файла к аудио плееру.src=http:// а у тебя src=adagio.mp3

  6. Марс // 28.01.2011 at 11:54 //

    Уважаемый Александр! Плеер очень хорошо подходит к моему сайту, но не прикрутить поток к нему:не проигрывается, что делать?

  7. Семенов Александр // 29.01.2011 at 13:36 //

    Макс! В Интернете когда устанавливаешь файл или код. Есть всего два действия это куда ты вставляешь его и путь который ты прописываешь к нему. Как я понял тебя плеер у тебя встал, загрузи музыкальный файл и пропиши к нему правильный путь без пробелов. Еще раз повнимательней посмотри на мои скриншоты. Желаю удачи !

  8. Марс // 29.01.2011 at 13:54 //

    Извиняюсь за не совсем корректно сформулированный вопрос.
    Мне нужно чтобы плеер воспроизводил поток(!), а не файл.
    Допустим поток такого вида http://xxx.castxxx.ru/cast .
    Как это сделать?

  9. Андрей // 14.02.2011 at 01:37 //

    Большое спасибо за плеер, он очень пригодился!

  10. Владимир // 28.02.2011 at 19:20 //

    Уважаемый Александр! Можно ли по ссылке ссылка вызывать определённые файлы для проигрывания в плеере?

  11. Семенов Александр // 01.03.2011 at 00:58 //

    ДА! Несомненно, если эта ссылка на которую вы ссылаетесь в комментарии для Вас считается музыкальной.

  12. Андрей // 19.05.2011 at 04:30 //

    доброго времени суток)хотел задать очень простой и банальный вопрос-Уважаемый Александр,не сочтите смешным мой вопрос -но не могли бы вы подсказать как залить свой сайт в интернет(просмотрел кучу сайтов но ответа не нашёл,на форумах тоже беда,лишь одни левые разговоры а толку нет да и объясняют на не совсем доступном для всех языке(программистов)-сделал сайт в программе Adobe Dreamweawer CS3-Если не сложно подскажите как и куда можно залить-(предложения собрать сайт на народе.ру и подобных сайтах-конструкторах не надо советовать-пробовал!-не хватает возможностей реализовать задуманное…заранее спасибо-)))
    надеюсь хоть тут реально помогут…..

  13. Семенов Александр // 25.05.2011 at 03:30 //

    Я Вам помогу свяжитесь со мной по Skype: atamansav

  14. Игорь // 08.06.2011 at 18:00 //

    Александр, здравствуйте. Установил Ваш проигрыватель на сайт друга. По одной песне проигрывает замечательно, но вот плейлист цеплять не хочет. Может быть проблема в том, что кодировка площадки UTF-8?

  15. Екатерина // 08.08.2011 at 16:12 //

    Добрый день Александр!Скажите пожалуйста, можно ли на такой плеер поставить подкаст и как!

  16. Семенов Александр // 17.08.2011 at 00:13 //

    Загрузите файл на блог и вставьте код в плеер у меня все в статье показано

  17. олег // 12.10.2011 at 23:24 //

    спасибо огромное за плеер давно искал отличный плеер везде кучу хлама предлагали а Вы такой золотой самородок даёте людям. 🙂

  18. Анна // 21.10.2011 at 03:04 //

    Пдскажите пожалуйста а можно сделать так чтоб плеер играл без перезагрузки страницы?

Leave a comment

Your email address will not be published.


*