Флешь плеер для воспроизведения mp3 файлов.

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

Все нужные нам файлы mp3 плеера мы будем брать на сайте uppod.ru , перед тем как начнем хотелбы сказать пару слов о сервисе Uppod, данный сервис предоставляет плеера для воспроизведения mp3 файлов, видео файлы и создание слайд презентаций.

Но сегодня как я и говорил мы остановимся только на флешь плеере для mp3. Для начала регистрируемся на Uppod, далее переходим в вкладку собрать плеер -> скачать и скачиваем основной файл uppod.swf который используется как для mp3 так и для видео, создаем на рабочем столе папку с произвольным названием и ложим туда наш скачанный файл uppod.swf, также в туже папку для примера положите любой mp3 файл.

Теперь нам нужно выбрать и скачать стиль для нашего сайта для этого переходим во вкладку приложения -> скины и в меню которое расположено с лева выбираем пункт меню аудио, теперь перед вами открывается множества флешь плееров, выбираете любой нажав кнопку сохранить.

После того как нужный нам стиль флешь плеера сохранен переходим во вкладку собрать плеер -> конструктор и кликаем аудио -> стили и скачиваем сохранный ранее стиль.

Скачанный стиль выступает в роли текстового документа который мы также ложим в нашу папку на рабочем столе. Теперь когда все файлы готовы можно собирать плеер. Создаем в нашей папке html файл и прописываем туда следующий код:

в строке №1 мы указали путь к uppod.swf а также задали ширину (width) и высоту (height) плеера, в строке №6 еще раз указываем путь к uppod.swf далее в строке №7 мы указываем путь к mp3 файлу и к стилю нашего плеера, при создании плееров в Uppod используются переменные о которых вы можите почитать на сайте, мы же с вами используем только две переменные:
file=путь к файлу
st=путь к файлу стилей
& - используется как разделитель между переменными.
На выходе мы получаем вот такой mp3 флешь плеер:

вот тот же mp3 плеер но с другим стилем mp3 флешь плеер как в контакте.

Демо пример видео плеера, так для примера

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