При этом набор элементов управления подобного аудиоплеера будет стандартным. Обратите внимание, что стандарт HTML5 значительно упрощает синтаксис кода, в частности - корневого элемента html. Надпись "Get an HTML5 browser!" появится только в том случае, если страница загружена в браузере, не поддерживающим стандарт HTML5. Все остальные пользователи увидят в окне браузера аудиоплеер наподобие того, что изображен на рис.1, благодаря тому, что элемент audio применен совместно со своим атрибутом controls, который предписывает браузеру отобразить элементы управления плеером. По умолчанию, элемент audio используется без подобных элементов управления. (Стандарт HTML5 позволяет задавать атрибуты без указания значения для них. Если вы предпочитаете синтаксис, более похожий на XML, вы можете указать в качестве параметра атрибута его собственное имя, например, так - controls="controls").
<audio src="test.ogg" controls>Get an HTML5 browser!</audio>
Большинство пользователей Интернет обращают внимание на то, как выглядит аудиоплеер в браузере. Поэтому тот небогатый набор элементов управления, который предлагает браузер по умолчанию, не удовлетворяет большинство из них. К счастью, вы можете вставить аудиоплеер в любую HTML-страницу. Во многом это очень похоже на то, как вы встраиваете изображение. Но вместо использования элемента img, в этом случае необходимо использовать элемент audio. Синтаксис у обоих элементов схожий, поэтому это еще больше упрощает задачу. Например, чтобы загрузить и проиграть музыкальный файл test.ogg в пустой HTML-странице, ее код должен быть таким:
Разные браузеры отображают панель управления плеера по-разному, но у всех присутствует одинаковый набор элементов на этой панели: кнопка старт/стоп, ползунок позиционирования, индикатор текущего положения проигрываемого трека и управление громкостью. Заметьте, сколько возможностей дополнительно предлагает вам браузер - никаких! Если необходимо проиграть один файл за один раз и для вас не имеет значения, что при этом отображается в окне браузера, вы можете на этом и закончить чтение данной статьи.
Рис.1 Аудиоплеер браузера Google Chrome с панелью управления
Давайте попробуем проиграть музыку в браузере. Представим, что у нас имеется файл в формате Ogg Vorbis с именем test.ogg, расположенный в директории /home/me/music/. Его можно открыть под Linux, например в Chrome или Firefox, введя в адресную строку путь file:///home/me/music/test.ogg. Браузер должен загрузить файл и начать его проигрывать. При этом в окне программы отобразится плеер, как изображено на рисунке ниже:
Поддержка аудиофайлов различных типов в браузерах, вне зависимости от операционной системы, достаточно развита. Все они могут воспроизводить различные типы файлов, однако есть и некоторые интересные моменты. Одним из самых заметных среди которых является отсутствие поддержки файлов mp3 в браузерах Firefox/Iceweasel, связанное с лицензией на этот аудиоформат. Для пользователей Linux с этим нет больших проблем, так как эти браузеры поддерживают свободную от ограничений лицензию Ogg Vorbis. Браузер Google Chrome и даже Safari от Apple могут проигрывать файлы Ogg Vorbis с помощью плагина Xiph's QuickTime (см. раздел "Источники").
Проигрывание музыки в браузере
"Облачные" музыкальные сервисы помимо этого имеют несколько других негативных сторон. Все они предназначены для персонального использования. А что, если вы захотите предоставить доступ к своей музыке другим пользователям? (Конечно, я говорю только о распространении легальной музыки. Это относится к файлам, созданным под свободными лицензиями типа Creative Common. Или же о музыкальных альбомах, созданный в звукозаписывающих студиях при поддержке таких лицензионных агентств, как Harry Fox Agency, за которые вносится соответствующий авторский гонорар). Облачные сервисы не смогут вам помочь в этом. Еще одним моментом является факт, что передача музыки на такие сервисы происходит односторонне. Вы можете прослушивать музыкальные коллекции, которые были размещены на серверах, но если что-либо случиться с их копиями на вашем домашнем компьютере, у вас не получится просто так скачать их обратно, на локальную машину. А что, если вы захотите использовать другое решение для хранения данных, наподобие собственного (и должным образом защищенного) web-сервера? Или как быть, если вы живете не в Соединенных Штатах, а где-нибудь в другой стране, откуда недоступны большинство подобных сервисов?
Если вы читаете эту статью, то возможно вы являетесь пользователем операционной системы Linux. И как часто это бывает, поддержка Linux игнорируется тремя вышеназванными корпорациями. Например, сервисы Apple основаны на проприетарных приложениях под iTunes, у которых нет аналогов для Linux. Другие программные продукты имеют Web-интерфейс, но загрузка в таких приложениях работает только как проприетарное программное обеспечение, недоступное для пользователей Linux. Но ведь не все хотят пользоваться коммерческим программным обеспечением вообще? Насколько я знаю, поддержка различных типов файлов во всех корпоративных продуктах ограничена. Большинство моей музыкальной коллекции хранится в файлах Ogg Vorbis, и ни одна из компаний большой тройки не поддерживает такой формат, несмотря на отсутствие каких-либо патентов на него. Кроме того, предоставляемые корпорациями услуги требуют определенной платы (которая складывается из расходов на Интернет-хостинг и многих других составляющих), что также выглядит непривлекательно для обычных пользователей.
В последнее время музыкальные сервисы, основанные на облачных технологиях, самыми крупными из которых являются Amazon, Google и Apple, привлекли внимание прессы. Они позволяют хранить музыку на корпоративных серверах и получать доступ к ней в любое время с любого устройства, подключенного к Интернет. Легко оценить привлекательность подобных служб. Это одна из возможностей, которые предоставляет Интернет.
Стандарт HTML5 позволяет проигрывать музыку в соответствующих браузерах - для этого не требуется каких-либо облачных технологий.
Дата перевода: октябрь 2012 г.
Перевод: Семененко В.
Дата публикации: май 2012 г.
HTML5 для аудио приложений
Страница последний раз редактировалась
Навигация по сайту
Конспект вебмастера
Статьи для вебмастеров на Website-ru.net. HTML5 для аудио приложений
Комментариев нет:
Отправить комментарий