Лучшие плееры для сайта (mp3, flv, flash players)

1. SEO Блог
2. Создание сайта

2012-03-05

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

Какой флеш плеер лучше ставить на сайт

Универсальные видео и аудио плееры

Uppod Player — Универсальный плеер Uppod проигрывает практически любые аудио и видео файлы (FLV, MP3, MP4, F4V, MOV, M4A, 3GP, AAC).

HTML5-видеоплееры, о которых вы должны знать

Имеет очень малый вес и легко устанавливается на любой сайт. На сайте разработчика есть удобный конструктор для создания одного из двух вариантов плеера (в зависимости от ваших потребностей и доктайпа сайта), это может быть Flash Player 10 или HTML5 плеер на javascript для сайтов сверстанных на HTML5, который поддерживает воспроизведение только MP4, AAC, OGV, Vorbis, WebM, MP3 и WAV файлов. Правда создать бесплатный плеер для сайта можно только после регистрации на сайте.

JW Player. Еще один универсальный проигрыватель для сайта. Поддерживает еще большое количество форматов файлов чем предыдущий, в том числе видео с You Tube и даже изображения JPEG (.jpg), PNG (.png), GIF (.gif). Универсален он так-же потому что совмещает в себе и флеш и html5 варианты и может быть настроен как вам будет угодно. Вы можете совершенно бесплатно скачать JW Player (его бесплатную версию) и установить себе на сайт.

Flowplayer — Мощный бесплатный плеер для сайта. Имеет целую кучу различных настроек, все его и так практически безграничные возможности по воспроизведению медиа файлов расширяются при помощи плагинов (на Flash, JavaScript или Streaming plugins). Поддерживает создание плейлистов, в него может быть встроена даже Google аналитика.

MC Media Player — не сказать, что лучший но зато бесплатный флеш плеер для медиа файлов. К сожалению его разработка и усовершенствование прекратилась. Но вы пока еще можете встроить его в свой сайт скачав старую версию этого флеш плеера.

Видео плееры для установки на сайт

Video LightBox — не совсем плеер, это компьютерная программа которая в три клика позволит вам встроить в сайт или блог любое видео в попап окне, которое по клику будет увеличиваться до нужных размеров, в нее можно добавлять как Youtube, Facebook, Google Video так и файлы других видео-форматов. Полезна будет для сайтов где видео публикуется редко и для установки постоянного плеера нет смысла. Скачать Video Lightbox

Video Player Pro — бесплатный проигрыватель видео-клипов с поддержкой плей листов и разных скинов. Правда бесплатен он только для не коммерческого использования. Вы можете скачать видео плеер на сайте разработчика.

FLV Video Player — Видео плеер FLV проигрывает лишь файлы в формате flv, поэтому размещая на своем сайте различные видео файлы вам придется при помощи специальных программ или онлайн сервисов конвертировать видео-ролики в поддерживаемый им формат. При установке этого плеера вы можете скачать flv плеер бесплатно себе на сервер или загружать его с сайта разработчика. Так-же вы можете создать свой плеер при помощи специального конструктора.

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

FLV Audio Player — Аудио плеер FLV простой проигрыватель mp3 треков без особых наворотов, по следующим ссылкам вы можете
скачать бесплатный mp3 плеер или создать свой вариант mp3 плеера для установки на сайт.

Mju плеер подкастов проигрыватель музыки или подкаста который легко встроить в любой сайт, даже в ЖЖ (Livejournal). Списки треков хранятся в отдельном текстовом файле, поддержка русских названий песен, повтор, случайный порядок песен и другие полезные настройки этого простого плеера делают его одним из лучших аудио плееров для сайта. Можете скачать mju плеер и убедиться в этом сами.

jQuery jplayer — плагин jQuery для создания собственного аудио плеера. Подробное описание подключения этого плагина к сайту вы найдете тут.

Плееры для вордпресс (wordpress players pligins)

WordPress Audio Player — плагин вордпресс с флеш плеером для проигрывания на на вашем блоге mp3 музыкальных треков или подкастов. Вот ссылка на плагин этого флеш плеера для установки на ваш блог.

Другой плагин для вордпресс Flash Video Player более крут и служит уже для воспроизведения на сайте как видео так и аудио файлов. Скачать плагин флеш плеер для вордпресс можно с официального репозитория плагинов.

Думаю этот список должен помочь вам выбрать самый лучший плеер, который лучше всего подойдет вашему сайту или блогу

Читайте также: сайтостроениеflashmediaплееры

Комментарии к статье

← Предыдущая статьяСледующая статья →

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

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

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

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

Лучшие плееры для сайта (mp3, flv, flash players)

Для начала регистрируемся на 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 можно создавать свои стили в специальном редакторе а также шифровать пути к файлам, налаживать водяной знак на видео и тд.. На этом все и до новых встреч.

Обсуждение →

Плеер HTML5

Uppod 0.13

Cкачать uppod.js
Cкачать в кодировке Win-1251

История обновлений

Демо →

Текущие возможности

• режимы видео и аудио
• плейлисты, переключение качества, субтитры
• экспериментальная поддержка стилей
• поддержка HLS
• JavaScript API
• интеграция с Youtube
• полноценный полноэкранный режим

Особенности

• все в одном js файле
• не требует каких-либо фреймоворков (jQuery и т.п.)
• работа во всех браузерах с поддержкой HTML5 (см. таблицы ниже)
• работа в браузерах мобильных устройств (ios, android)
• плеер распространяется на тех же условиях, что и Flash-версия, т.е. бесплатно.

Видео

Подключение

1. Включаем в шапку документа uppod.js (в head)

   <script src="https://redirme.to/http://site.ru/uppod.js" type="text/javascript"></script>

2. Размещаем на странице элемент, в котором будет плеер.

   Get Player Code

   В class указываем идентификатор каскадных стилей (в CSS нужно указать размеры элемента), в id указываем уникальный идентификатор плеера.

   <div class="player" id="videoplayer"></div>

3. В конце документа запускаем

   <script type="text/javascript">this.player = new Uppod({m:"video",uid:"videoplayer",file:"ссылка",poster:"ссылка"});</script>

   Рецепт проверки на мобильные браузеры (IOS, Android).

   Параметры подключения

   параметр	обязательный	значения	описание
   m	+	video или audio	режим плеера
   uid	+	текст	идентификатор плеера (id)
   file	если нет pl	ссылка	ссылка на файл видео или аудио (если используется несколько форматов, то можно указать ссылки через знак | в порядке приоритета, плеер сам выберет файл, который поддерживает браузер)
   poster	—	ссылка	ссылка на заставку
   comment	—	текст	название ролика
   pl	—	список в формате JSON или ссылка на файл плейлиста	В случае использовании ссылки, плейлист должен лежать на том же домене.

   Скачать пример подключения (не забудьте обновить плеер до последней версии)

Стили

Для установки стилей нужно скачать в конструкторе версию стилей для HTML5 (подробнее о подключении стилей). Версия HTML5 пока не поддерживает стили Uppod в полной степени, но мы работаем над улучшением совместимости.

Пример API →

JavaScript API

Подписка на события

document.getElementById(id).addEventListener(команда,функция,false);

Например

document.getElementById(«player»).addEventListener(«play»,onPlay,false);

Команды и запросы работают после инициализации

new Uppod({
   m: «video»,
   uid: «uppod»,
   onReady: function(uppod){
      uppod.Play(«/test/support/video.webm|/test/support/video.mp4»);
   }
});