В какой то момент нашей команде понадобился простейший flash-аудо-плеер. Мы рассмотрели различные варианты готовых решений, но они не подошли, и тогда мы решили создать свой собственный плеер. На деле это оказалось довольно простой задачей – необходимо было просто «прикрутить» собственный GUI к объекту Sound.
Теперь о том какие требования к плееру мы предъявляли и как готовые решения соотносились с этими требованиями. Основным требованием была простота и в качестве результата хотелось получить нечто визуально-схожее с плеером проекта «ВКонтакте», при этом плеер должен был иметь минимальный размер swf-файла (не более 10-20kb), подключаться через тег embeb (без необходимости использования различных JavaScript-библиотек), не требовать создания плей-листов и не кешировать данные без необходимости (закачка mp3 должна была происходить только после нажатия кнопки Play), также дополнительным плюсом могла бы стать и минимальная версия flesh-плеера, необходимого для его работы. В качестве первого варианта мы рассмотрели плеер Uppod. К сожалению данный плеер «проиграл по основным позициям» – его размер был более 100kb (результат того, что это все-таки видео, а не аудио-плеер) и от его назойливого плей-листа практически невозможно было избавиться, также данный плеер требовал flash-плеер 9-ой версии. Единственным плюсом этого плеера (тут он рассматривается только в роли аудио-плеера) была возможность использования скинов (в наборе даже имелся скин в стиле плеера «ВКонтакте»). Далее был рассмотрен плеер с ресурса premiumbeat.com. В принципе данный плеер оказался вполне подходящим, но основным его недостатком было отсутствие скинов. Затем были расмотрены WordPress Audio Player и XSPF Web Music Player. Эти плееры также не подошли, но их «открытость» (плееры были opensource-проектами) и подтолкнула нас на создание своего собственного решения. После недолгих раздумий мы принялись за работу и результат вы можете теперь увидеть сами. Первое, что необходимо отметить – проект плеера был создан в Adobe Flash CS5, поэтому он может не открываться в более ранних версиях этого продукта. Что в итоге получилось? А получился:
- открытый плеер с необходимым оформлением,
- размером swf в 2,5kb (если использовать не растровый шрифт, а шрифт по умолчанию, то размер сократиться до 1kb),
- плеер подключается через простой embeb и не требует каких-либо JavaScript-библиотек,
- не нуждается в составлении плей-листов,
- начинает подгрузку только после нажатия Play и
- использует 7-ую версию flash-плеера (хотя его можно собрать и под 6-ую версию, для этого достаточно просто выбрать другую версию в настройках проекта и пересобрать его).
На последок хотим отметить, что исходниках плеера вы не найдете никаких классов и ничего в стиле ActionScript3 – так было сделано специально – никаких усложнений.
Загрузить nx_audio_player-v.1.0.1.zip
Загрузить nx_audio_player-v.1.0.0.zip
Пример:
title: trac..mp3 (+soundfile)
title: track-big5.mp3 (+soundfile +duration)
Комментарии
Помогите пожалуйста
Очень понравился плеер. Но извините, так и не понял как его прикрутить?
Скачал исходники. Не могли бы вы дать мануал, как вставить плеер на страницу, и как прописать путь к треку на хостинге?
Заранее спасибо!
RE: прикрутить
В архиве имеется пример в файле index.html. По сути что требуется? Плеер - это файл nx_audio_player.swf, вам необходимо разместить его на своем сервере. Далее на свою страницу вы вставляете код плеера:
<embed width="500" height="40" src="путь_к_плееру" flashvars="soundfile=путь_к_треку" type="application/x-shockwave-flash" bgcolor="#ffffff" allowscriptaccess="always" allowfullscreen="true" wmode="transparent"></embed>
и это собственно все.
P.S. Для его использования не требуется ни исходники ни Adobe Flash.