Главная » Записи с тегом "HTML5"

Рубрики с меткой ‘HTML5’

Весь ужас разработки приложений под Windows 8. Часть 1

Все мы помним, что некоторое время назад корпорация Microsoft продемонстрировала кардинально новый пользовательский интерфейс ОС Windows 8. Публике, по большому счёту, представленные новшества пришлись по душе. И вправду, как тут не влюбишься с первого взгляда в такой красивый, продуманный, быстрый и дружественный к пользователю интерфейс новой ОС? Читать далее »

Доступное видео в HTML5 с субтитрами на JavaScript

Это замечательно, что HTML5 позволяет нам вставлять видео на веб-страницах таким образом, что оно может быть проиграно непосредственно браузерами, без необходимости установки плагинов. Эта функциональность добавлена в Opera 10.5 pre-alpha (на Windows и Linux; версия для Mac находится в разработке), а также в Firefox 3.6 и Google Chrome 3.

Проблема любого видео — используется ли оно в HTML5 или в другой версии HTML — это доступность. Что необходимо сделать сознательным разработчикам, чтобы обеспечить текстовую замену видео для тех, кто не может его просмотреть? В HTML5 не существует атрибута alt для элемента video в отличие от элемента img, однако вы можете заключить «дополнительное содержимое» внутри тегов, например: Читать далее »

Тег video в HTML5 — большие возможности с проблемами лицензирования

Люди всегда вдохновлялись всем тем, что движется и издаёт звуки, так что появление видео в Интернете было лишь делом времени. На протяжении нескольких лет Flash был фактическим стандартом для просмотра видео, но теперь с появлением HTML5 элемент video прокладывает свой путь в нашу жизнь.

Тег video Читать далее »

Введение в HTML5 видео

Эта статья даст вам представление об элементе <video> и его API. Мы объясним, почему поддержка видео в браузерах так важна, сделаем обзор элемента video в HTML5 и рассмотрим самые важные способы управления воспроизведением видео с помощью JavaScript.

Много лет тому назад понятие мультимедиа в веб связывалось с MIDI-мелодиями и GIF-анимацией. Благодаря увеличению пропускной способности каналов связи и улучшению технологий сжатия данных MP3 вытеснил MIDI, а видео стало распространяться повсеместно. За право захватить нишу веб-мультимедиа соревновались многие запатентованные продукты — Real Player, Windows Media Player и другие — пока один из них не вышел победителем в 2005 году — им был Adobe Flash. Это произошло во многом благодаря широкому распространению этого плагина, а также тот факт, что Flash-технология стала выбором YouTube; Flash стал фактически стандартом для передачи видео в Интернете. Читать далее »

Радио-плеер с помощью HTML5 audio

До появления HTML5 было крайне неудобно добавлять аудио на веб-страницы. Многие годы Flash был единственным способом вставки аудио-контента — но с внедрением тега <audio> в HTML5, воспроизведение аудио-контента на веб-страницах теперь может быть выполнено самим браузером, что полностью соответствует веб-стандартам — вы можете легко создать кнопку любого вида с помощью CSS и HTML, а потом назначить ей соответствующую функциональность, используя Audio API языка HTML5.

В этой статье мы познакомимся с тегом <audio>, начав с основ, посмотрим, как он работает в различных браузерах, а затем создадим радио-плеер, который будет использовать аудио-поток, транслируемый сервером. Читать далее »

Главный секрет HTML5

Пришла пора открыть главный секрет HTML5: его не существует. По крайней мере, в том виде, о котором громче всего говорят. И дело не в том, что «спецификация еще не готова». И даже не в том, что ни один браузер пока не набирает максимума в этом забавном тесте. И даже не в том, что для него существуют (как минимум) две разные спецификации, у одной из которых вообще нет никаких цифр в названии.

И тем не менее, HTML5 повсюду. Даже там, где его не ждали. Даже там, где нет модного короткого доктайпа <!DOCTYPE html> (кстати, тоже без цифры 5), даже без модных «семантичных» (хотя об их смысле не всегда могут договориться сами разработчики спецификаций, не говоря уже о простых вебмастерах) элементов типа <article> и <nav>. Даже в тех браузерах, где эти новые теги и не работают без пинка. Как это может быть? Читать далее »

Планы документов

Планы документов (document outlines) немного изменились в HTML5. Для начала, о них действительно сказано в спецификации! HTML5 Доктор объяснит вам, что представляют собой планы документов, как сделать хороший план и почему вы должны об этом беспокоиться.

Что представляют собой планы документов? Читать далее »

Возвращение элемента u

Презентационные элементы, типа <i>, <b>, <small> и <hr> в HTML5 были либо переопределены, получив новое семантическое значение, либо объявлены «вне закона». Элемент <u> был в числе элементов, несоответствующих стандарту, однако, несколько примеров семантического использования вернули его в строй. Несмотря на то, что большинству из нас он никогда не понадобится (а кто-то даже будет глумиться над ним), в редких случаях он может стать именно тем элементом, который вам нужен.

До HTML5 элемент <u> применялся исключительно для презентационного оформления – подчеркивания текста. В HTML 4 не приветствовалось использование эдементов «вида шрифта» или презентационных, а вместо элемента <u> рекомендовалось использовать CSS. Даже до этого <u> вызывал недовольство, так как браузеры по умолчанию применяли подчеркивание к ссылкам, а подчеркивание обычного текста делало его похожим на ссылки и могло запутать пользователей. Изначально в HTML5 элемент <u> считался несоответствующим стандарту.

Читать далее »

Элемент output

В сети часто встречаются сайты, оснащенные различными калькуляторами для расчета, например, погашения кредита, процентной ставки по закладной, налога, страховки и т. д. До сегодняшнего дня не существовало способа семантической разметки результатов этих вычислений. Но появился элемент <output>! В этой статье мы расскажем вам о нем, а также еще о некоторых связанных с ним JavaScript-трюках. Что ж, давайте приступим.

Определение Читать далее »

Элемент video

Элемент <video> – совершенно новый в HTML5 и позволяет, вы только представьте, проигрывать фильмы на вашем сайте! Данные, которые должен содержать этот элемент, – это видео, а также сопутствующие аудиозаписи или изображения.

Конечно же, он будет работать только в нескольких браузерах: Safari 3.1+, Firefox 3.5+ и последних сборках Opera (а, ну и, потенциально, в следующем релизе Chrome) (уже работает практически везде, включая IE9).

Читать далее »