Одной из самых замечательных особенностей HTML5 является потоковое аудио.
Если вы заняты в сфере веб-разработки, то подборка из 10 невероятных аудиоплееров на HTML5 очень вам пригодится.
MediaElement
MediaElement — аудио- и видеоплеер, который написан на чистом HTML5 и CSS. Поддержка старых браузеров выполнена с помощью Flash и Silverlight плееров, которые имитируют HTML5 MediaElement API.
У MediaElement есть много оформлений и поддержка популярных платформ: WordPress, Drupal, Joomla и т.д.
Источник:
Аудиоплеер HTML5 от Эндрю Скотта
Этот плеер достаточно минималистичный, но функциональный. Хорошо подходит, когда нужны плейлисты и модные эффекты!
Источник:
Speakker
Еще один великолепный плеер, возможно, самый лучший из всего списка. Плюсы Speakker в том, что он очень простой в настройке и является достаточно гибким по размерам и настраиваемым на неограниченное количество цветов.
У Speakker кроссбраузерная поддержка, а для старых браузеров есть его Flash-аналог.
Источник:
MooTools HTML5 аудиоплеер
Вы используете Mootools на вашем сайте? Если да, то, возможно, вам понравится этот плеер, выполненный на HTML5 и Mootools JavaScript фреймворке. Плеер идеально работает во всех современных браузерах.
Источник:
Универсальный HTML5 аудиоплеер
Этот плеер единственный из списка, который является платным. Он стоит всего $5, но при этом идеально работает. У плеера есть много полезных функций, например, защита вашего аудио от перехвата с помощью наложения сигнала, что очень хорошо для коммерческого использования.
Источник: http://codecanyon.net/item/universal-html5-audio-player
SoundManager 2
В SoundManager 2 задействованы технологии HTML5 и Flash, что делает его очень легким (10 Кб) надежным кроссбраузерным решением для воспроизведения потокового аудио.
Хотите узнать, что можно сделать с помощью Sound Manager 2? Посетите
Источник:
jplayer
jplayer — jQuery плагин для воспроизведения аудио и видео данных. Его плюсы в очень простом использовании.
Источник:
audio.js
audio.js — javascript библиотека, которая позволяет использовать тэг HTML5 <audio>
всюду. В тех браузерах, где есть поддержка этого тэга, он используется по умолчанию, а там где его поддержки нет, запускается flash-эмуляция. При этом в оформлении плеера используются стандартные CSS свойства.
Источник: http://kolber.github.com/audiojs/
Букмарклет аудиоплеера на HTML5
Этот букмарклет позволяет добавлять аудиоплеер на любую страницу, что подходит для тех страниц, где есть скачиваемые аудио-файлы. Да, это отличный инструмент для воспроизведения аудиопотока вместо его загрузки!
Источник:
Вот мой вариант HTML5 аудио / видео плеера с поддержкой воспроизведения потокового контента
Привет, перепробовал много плееров на html5, но ни один не заработал, так как нужно, а конкретно требуется следующее:
Плеер будет стоять на сайте интернет-радио. Т.е. воспроизводит аудио поток. Сейчас плеер при нажатии на паузу останавливается и если через некоторое время нажать «плей», то воспроизведение начинается с того места, на котором нажали паузу.
А как сделать так, чтобы после паузы, плеер не продолжал воспроизведение, а подключился к потоку и начал играть то, что вещает сервер в данный момент.