10 удивительных аудиоплееров на HTML5

Одной из самых замечательных особенностей HTML5 является потоковое аудио.

Если вы заняты в сфере веб-разработки, то подборка из 10 невероятных аудиоплееров на HTML5 очень вам пригодится.

MediaElement

MediaElement

MediaElement — аудио- и видеоплеер, который написан на чистом HTML5 и CSS. Поддержка старых браузеров выполнена с помощью Flash и Silverlight плееров, которые имитируют HTML5 MediaElement API.
У MediaElement есть много оформлений и поддержка популярных платформ: WordPress, Drupal, Joomla и т.д.

Источник: http://mediaelementjs.com/

Аудиоплеер HTML5 от Эндрю Скотта

Аудиоплеер HTML5 от Эндрю Скотта

Этот плеер достаточно минималистичный, но функциональный. Хорошо подходит, когда нужны плейлисты и модные эффекты!

Источник: http://www.scottandrew.com/pub/html5audioplayer/

Speakker

Speakker

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

Источник: http://www.speakker.com/

MooTools HTML5 аудиоплеер

MooTools HTML5 аудиоплеер

Вы используете Mootools на вашем сайте? Если да, то, возможно, вам понравится этот плеер, выполненный на HTML5 и Mootools JavaScript фреймворке. Плеер идеально работает во всех современных браузерах.

Источник: http://simulacre.org/mootools-html5-audio-player/

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

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

Этот плеер единственный из списка, который является платным. Он стоит всего $5, но при этом идеально работает. У плеера есть много полезных функций, например, защита вашего аудио от перехвата с помощью наложения сигнала, что очень хорошо для коммерческого использования.

Источник: http://codecanyon.net/item/universal-html5-audio-player

SoundManager 2

SoundManager 2

В SoundManager 2 задействованы технологии HTML5 и Flash, что делает его очень легким (10 Кб) надежным кроссбраузерным решением для воспроизведения потокового аудио.
Хотите узнать, что можно сделать с помощью Sound Manager 2? Посетите http://wheelsofsteel.net/ для просмотра демо!

Источник: http://www.schillmania.com/projects/soundmanager2/

jplayer

jplayer

jplayer — jQuery плагин для воспроизведения аудио и видео данных. Его плюсы в очень простом использовании.

Источник: http://jplayer.org/

audio.js

audio.js

audio.js — javascript библиотека, которая позволяет использовать тэг HTML5 <audio> всюду. В тех браузерах, где есть поддержка этого тэга, он используется по умолчанию, а там где его поддержки нет, запускается flash-эмуляция. При этом в оформлении плеера используются стандартные CSS свойства.

Источник: http://kolber.github.com/audiojs/

Букмарклет аудиоплеера на HTML5

Букмарклет аудиоплеера на HTML5

Этот букмарклет позволяет добавлять аудиоплеер на любую страницу, что подходит для тех страниц, где есть скачиваемые аудио-файлы. Да, это отличный инструмент для воспроизведения аудиопотока вместо его загрузки!

Источник:


2 комментарий на “10 удивительных аудиоплееров на HTML5

  1. Привет, перепробовал много плееров на html5, но ни один не заработал, так как нужно, а конкретно требуется следующее:

    Плеер будет стоять на сайте интернет-радио. Т.е. воспроизводит аудио поток. Сейчас плеер при нажатии на паузу останавливается и если через некоторое время нажать «плей», то воспроизведение начинается с того места, на котором нажали паузу.

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

Оставить комментарий