Как создать свой сайт бесплатно? Как сделать сайт своими руками? Как заработать в Интернете? Создание сайтов на заказ.

Запрос должен быть не менее 4-х символов.

RSS-лента

Сегодня:        Добавить в Избранное       Написать Автору        Обмен валют        Оплата сервисов

Как вставить музыкальный flash плеер на сайт для проигрывания файлов mp3 формата.

Автор: Андрей Краснокутский

Дата: 2011-08-22

Устанавливаем музыкальный mp3 плеер на сайт.

Устанавливаем музыкальный mp3 плеер на сайт.Сегодня мы разберемся, как установить на сайт простой музыкальный flash плеер, проигрывающий музыкальные файлы в формате МР3. Впрочем, это могут быть не только музыкальные файлы, но и любые звуковые файлы формата МР3.

Большинство музыкальных плееров, требуют предварительно конвертировать звуковые файлы из формата MP3 в формат Flash, дополнительно обрабатывать звуковые файлы. Предлагаемый Вашему вниманию плеер лишен этого недостатка, т.е. МР3 файл воспроизводится напрямую, без всяких конвертаций и лишних «заморочек». Плеер очень просто устанавливается на сайт, имеется возможность изменить цвет плеера, например нужно подогнать под дизайн сайта, работает во всех браузерах. А вот так выглядит и работает музыкальный плеер:

А теперь давайте разберемся, как установить такой музыкальный плеер на сайт. Первое, что нужно сделать, так это скачать архив с плеером. Скачали, теперь разархивируйте этот архив. Создайте в корне сайта отдельную папку (напрмер audio) и положите туда файл плеера: audio_player.swf , хотя собственно говоря, положить его можно куда угодно на сайте, главное правильно прописать путь в коде Листинга 1.

Теперь копируем код Листинга 1:

Листинг 1.

<script type="text/javascript">
AC_FL_RunContent( 'type','application/x-shockwave-flash','data','audio/audio_player.swf','id','audioplayer1','height','24',
'width','288','movie','audio/audio_player','flashvars','playerID=1&autostart=yes&
bg=0xffffff&loader=0xFFFF00&border=0xff8b00&text=0x945100&leftbg=0x99CDFF&
lefticon=0xffffff&
righticon=0xffffff&slider=0x99CDFF&rightbg=0x99CDFF&soundFile=audio/potap.mp3',
'quality','high','menu','false','wmode','transparent' ); //end AC code
</script><noscript><object type="application/x-shockwave-flash" data="audio/audio_player.swf"
id="audioplayer1" height="24" width="288">
<param name="movie" value="audio/audio_player.swf"></param>
<param name="FlashVars" value="playerID=1&amp;autostart=yes&amp;bg=0xffffff&amp;loader=0xFFFF00&amp;
border=0xff8b00&amp;text=0x945100&amp;leftbg=0x99CDFF&amp;lefticon=0xffffff&amp;
righticon=0xffffff&amp;slider=0x99CDFF&amp;rightbg=0x99CDFF&amp;
soundFile=audio/potap.mp3"></param>
<param name="quality" value="high"></param>
<param name="menu" value="false"></param>
<param name="wmode" value="transparent"></param>
</object></noscript>

И вставляем в то место web-страницы, где Вы хотите, чтобы отображался плеер.

Внимание важно! Участок кода Листинга 1:

AC_FL_RunContent( 'type','application/x-shockwave-flash','data','audio/audio_player.swf','id','audioplayer1','height','24',
'width','288','movie','audio/audio_player','flashvars','playerID=1&autostart=yes&
bg=0xffffff&loader=0xFFFF00&border=0xff8b00&text=0x945100&leftbg=0x99CDFF&lefticon=0xffffff&
righticon=0xffffff&slider=0x99CDFF&rightbg=0x99CDFF&soundFile=audio/potap.mp3',
'quality','high','menu','false','wmode','transparent' ); //end AC code
</script><noscript><object type="application/x-shockwave-flash" data="audio/audio_player.swf"
id="audioplayer1" height="24" width="288">

и участок кода:

<param name="FlashVars" value="playerID=1&amp;autostart=yes&amp;bg=0xffffff&amp;loader=0xFFFF00&amp;
border=0xff8b00&amp;text=0x945100&amp;leftbg=0x99CDFF&amp;lefticon=0xffffff&amp;
righticon=0xffffff&amp;slider=0x99CDFF&amp;rightbg=0x99CDFF&amp;
soundFile=audio/potap.mp3"></param>

должны быть прописаны в одну строчку и без пробелов!

В этих же строках можно изменить цвет плеера, изменяя параметры шестнадцатеричных значений цветовой палитры RBG.

В данном примере (Листинг 1) указано, что плеер должен автоматически проигрывать музыкальную композицию при открытии web-страницы. Далеко не всегда это нужно, да и многих посетителей сайта это может просто раздражать. Изменяется это просто в параметре: autostart=yes&amp;замените yes на no и тем самым Вы отключите автозапуск плеера.

Еще интересная функция - Автоповтор - это когда музыкальная композиция проигрывается без остановки по кольцу. Включить функцию Автоповтор очень просто, в 3 строке в "FlashVars" в значении "value=" дописываем в самом конце следующий код - &loop=yes и автоповтор музыкальной композиции гарантирован.

Пропишите в 1 и 2 строках кода Листинга 1, реальный путь до плеера на Вашем сайте. В примере указано: audio/audio_player.swf, т.е. плеер лежит у меня в папке audio. У Вас это может быть другая папка, так что указывайте правильный путь.

В эту же папку audio положите музыкальный файл в формате mp3 и укажите название своего файла здесь: soundFile=audio/potap.mp3"В данном случае проигрывается файл potap.mp3 , который лежит в папке audio.

Вот собственно говоря и все, загружаем на сайт папку audio, обновляем на сервере web-страницу и слушаем музыкальное сопровождение.

Всего Вам доброго.

 

Читайте так же другие наши материалы.

Что такое Черная и Белая оптимизация сайта?

Как издать (выпустить) собственную электронную книгу?

Учимся делать сайт за 11 уроков. Практическое руководство.

Диагностика ошибок выдаваемых сервером.

Устанавливаем наблюдение за сайтом.

Зарабатывайте вместе с нами.

 

Просмотров: 29144


Поделитесь этой информацией со своими друзьями!


Комментарии к этой статье (уроку):

Комментарии добавил(а): alex
Дата: 2011-08-23

ничего, но лучше бы такой плеер, как на фейсбуке или дноклассниках!!! это было бы улетно! или что-то типо winamp!!! жду такого урока!!

Комментарии добавил(а): Ольга
Дата: 2011-08-23

Спасибо! Очень хороший и нужный урок! Скажите пожалуйста у вас есть урок по добавлению видео проигрывателя на сайт?

Комментарии добавил(а): Гульшат
Дата: 2011-08-23

спасибо!

Комментарии добавил(а): Виктор
Дата: 2011-08-23

Очень неудачный плеер, т.к. отсутствует регулировка громкости!

Комментарии добавил(а): Владимир
Дата: 2011-08-23

Не разобрался как установить музыкальный mp3 плеер на сайт, но мелодия прекрасная!

Комментарии добавил(а): Ольга
Дата: 2011-08-27

Спасибо, класссно работает, хороший и простой плеер. мне понравилось!!!

Комментарии добавил(а): Инна
Дата: 2011-08-28

Андрей, большое Вам спасибо !

Комментарии добавил(а): s-evg
Дата: 2011-08-31

А зачем использовать так сказать старый флэш?! Когда мир постепенно весь переходит на HTML5. А используя старый флэш, мы стимулируем использовать старые ишаки (IE6-IE8) не лучше ли обновиться до новых браузеров и использовать по полной пятое пришествие HTML?!!!

Комментарии добавил(а): АндрейК
Дата: 2011-09-01

С HTML5 не все так просто и безоблачно как Вам кажется и произойдет это внедрение не так быстро как хотелось бы

Комментарии добавил(а): алексей
Дата: 2011-10-06

чё то у меня ни чего не получилось! может конечно руки кривые, ни flasf ни мелодии нет!

Комментарии добавил(а): Alex
Дата: 2011-11-19

Ребята, а как сделать так, чтобы по окончании осуществлялся переход на след. трек?

Комментарии добавил(а): АндрейК
Дата: 2011-11-19

В этом плеере никак, здесь жетко прописывается конкретный mp3 файл

Комментарии добавил(а): Alex
Дата: 2011-11-19

А как это можно реализовать?

Комментарии добавил(а): Аркадий
Дата: 2012-02-13

Что такое листинг?

Комментарии добавил(а): АндрейК
Дата: 2012-02-13

Аркадий, листингом называется участок кода, который вставляется в код web-страницы.

Комментарии добавил(а): Люся
Дата: 2012-03-01

сложнеовато для чайника))

Комментарии добавил(а): андрей
Дата: 2012-03-10

я копировал ивтавил иплеер в папке ана сайте его нет

Комментарии добавил(а): Константин
Дата: 2012-04-03

Делал через Dreamweaver. Получилось, все работает в программе, а в браузере плеера совсем не видно((((

Комментарии добавил(а): Виктор
Дата: 2012-04-11

Очень интересная статья, но я пользуюсь способом попроще http://www.vkblog.org/kak-postavit-musiku-na-sait.html

Комментарии добавил(а): Максим
Дата: 2012-04-24

Братцы. Как установить и проверить работоспособность "на столе". Как тогда будут прописаны пути к audio_player.swf и к ==.mp3 Очень надо.

Комментарии добавил(а): Maga
Дата: 2012-05-06

на каком языке написан код??

Комментарии добавил(а): Димон
Дата: 2012-05-21

Скачал а дальше формат файла не поддерживается ничё зделать не могу...(

Комментарии добавил(а): АндрейК
Дата: 2012-05-22

А что же Вы хотите сделать??? Если Плеер, тогда читайте урок выше, там все подробно расписано...

Комментарии добавил(а): Роман
Дата: 2012-08-30

Ни фига не работает - сто раз проверил - но УВЫ.... Что-то Вы здесь забыли написать... , есть вероятно какие-то конфликты с чем-то...

Комментарии добавил(а): Максим
Дата: 2012-10-24

у меня сайт на дле и что то плеер не запустился, сделал всё как описано в сатье

Комментарии добавил(а): Никита
Дата: 2012-12-06

Млин, пишет что-то синтаксическую ошибку.

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

Введите сумму чисел с картинки:
Введите сумму чисел

GudzonPartner.com

Новости сайта


05.08.2014
Новый раздел! Платежные системы Интернета. Все о платежных системах и сервисах.

09.08.2013
Новинка! Обзор и Анализ реальных способов заработка. Как и Сколько можно заработать в Интернете? Цифры. Факты. Комментарии.

28.05.2013
Обновилась Партнерка сайта! Зарабатывайте вместе с нами! "Новые товары и рекламные материалы"

25.05.2013
Видео Курс! "Как создать свой Информационный Бизнес в Интернете" Зарабатывайте: от 30000 ++ рублей.

Почтовая рассылка! Бесплатные электронные книги из серии: "Секреты создания сайтов"


Почтовая рассылка

Новинка!
Как реально заработать
в Интернете?
"Обзор видов и способов заработка."

Специальный Отчет:

Специальный Отчет: Как и сколько можно реально заработать в Интернете? Рельные цифры, факты и анализ различных способ заработка в Интернете

В подарок всем подписчикам!

SmartResponder.ru
Ваш e-mail: *
Ваше имя: *

Полный список наших почтовых рассылок!

Домены

Сервис мгновенной регистрации Доменов

Google Adsense



Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

Охрана труда

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Видео курс по созданию сайтов: Сайт от А до Я
С нами сделать сайт
сможет даже Ребёнок!
"Сайт от А до Я"
Узнать сейчас >>>


Хотите заработать?
2-х Уровневая
Партнерская программа!

Присоединяйтесь.


Последние заметки

Модульная картина: Роскошь красного бархата

Модульная картина абстракция: Энергия солнца

Модульная картина: Синие розы

Модульная картина: Водопад

Модульная картина: Орхидеи

Новости сайта

RSS Лента Новостей сайта www.LuksWeb.ru

Наши новости в Твиттере

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

ООО "ПК "ЛюксСтрой"

Деревянные дома от СПК "Ванда"

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

QR код сайта www.LuksWeb.ru

Наши Аттестаты


Проверить аттестат

 

Аттестован системой Z-PAYMENT
Проверено Z-PAYMENT