С появлением достаточно быстрого соединения с сетью Интернет, Flash был единственным инструментом для воспроизведения звуков на веб-сайтах. Но HTML5 в корне изменит способ воспроизведения звуков в Интернет. В этой статье я хочу подробно рассказать Вам о том, как использовать тег <audio> на ваших сайтах. Читать полностью »
Рубрика «html5» - 69
Введение в Javascript Source Maps
2012-07-20 в 8:15, admin, рубрики: Closure Compiler, html5, javascript, minification, sourceMappingURL, переводыВы когда-нибудь думали, как было бы здорово, если бы слитый в один файл и минифицированный яваскрипт код в production-окружении можено было удобно читать и даже отлаживать без ущерба производительности? Теперь это возможно, если использовать штуку под названием source maps.
Если коротко, то это способ связать минифицированный/объединённый файл с файлами, из которых он получился. Во время сборки для боевого окружения помимо минификации и объединения файлов также генерируется файл-маппер, который содержит информацию об исходных файлах. Когда производится обращение к конкретному месту в минифицированном файле, то производится поиск в маппере, по которому вычисляется строка и символ в исходном файле. Developer Tools (WebKit nightly builds или Google Chrome Canary) умеет парсить этот файл автоматически и прозрачно подменять файлы, как будто ведётся работа с исходными файлами. На момент написания (оригинальной статьи — прим. перев.) Firefox заблокировал развитие поддержки Source Map. Подробнее — на MozillaWiki Source Map.
Читать полностью »
Пример работы с getUserMedia и canvas в Zend Framework по мотивам «HTML5 Exploding Camera Demo»
2012-07-20 в 4:39, admin, рубрики: cache, dbms cache, html5, intersystems cache, WebRTC, zen, Блог компании InterSystems, Веб-разработка, субд Caché, метки: cache, dbms cache, html5, InterSystems cache, WebRTC, zen, субд Caché 
Начиная с версии 2012.1, в СУБД Caché появился встроенный ZEN-компонент <canvas>.
Примечание: скачать однопользовательскую версию СУБД Caché можно отсюда.
А в последнем релизе Opera 12 появилась встроенная поддержка функции getUserMedia (WebRTC 1.0: Real-time Communication Between Browsers), которая даёт возможность обращаться к устройствам, генерирующим медиапоток, например к веб-камере.
Примечание: Сводная таблица поддержки getUserMedia/Stream API в настольных и мобильных браузерах.
Для демонстрации обеих этих возможностей, используя встроенный в СУБД Caché фреймворк ZEN, за основу было выбрано демо: HTML5 Exploding Camera Demo.
Читать полностью »
Пример работы с getUserMedia и в Zen Framework по мотивам «HTML5 Exploding Camera Demo»
2012-07-20 в 4:39, admin, рубрики: cache, dbms cache, html5, intersystems cache, javascript, WebRTC, zen, Блог компании InterSystems, Веб-разработка, субд Caché, метки: cache, dbms cache, html5, InterSystems cache, WebRTC, zen, субд Caché 
Начиная с версии 2012.1, в СУБД Caché появился встроенный ZEN-компонент <canvas>.
Примечание: скачать однопользовательскую версию СУБД Caché можно отсюда.
А в последнем релизе Opera 12 появилась встроенная поддержка функции getUserMedia (WebRTC 1.0: Real-time Communication Between Browsers), которая даёт возможность обращаться к устройствам, генерирующим медиапоток, например к веб-камере.
Примечание: Сводная таблица поддержки getUserMedia/Stream API в настольных и мобильных браузерах.
Для демонстрации обеих этих возможностей, используя встроенный в СУБД Caché фреймворк ZEN, за основу было выбрано демо: HTML5 Exploding Camera Demo.
Читать полностью »
Пример работы с getUserMedia и в Zen Framework по мотивам «HTML5 Exploding Camera Demo»
2012-07-20 в 4:39, admin, рубрики: cache, dbms cache, html5, intersystems cache, WebRTC, zen, Блог компании InterSystems, Веб-разработка, субд Caché, метки: cache, dbms cache, html5, InterSystems cache, WebRTC, zen, субд Caché
Начиная с версии 2012.1, в СУБД Caché появился встроенный ZEN-компонент <canvas>.
Примечание: скачать бесплатную однопользовательскую версию СУБД Caché можно здесь.
А в последнем релизе Opera 12 появилась встроенная поддержка функции getUserMedia (WebRTC 1.0: Real-time Communication Between Browsers), которая даёт возможность обращаться к устройствам, генерирующим медиапоток, например к веб-камере.
Примечание: Сводная таблица поддержки getUserMedia/Stream API в настольных и мобильных браузерах.
Для демонстрации обеих этих возможностей, используя встроенный в СУБД Caché фреймворк ZEN, за основу было выбрано демо: HTML5 Exploding Camera Demo.
Читать полностью »
VK Offline — E-mail клиент и адресная книга на основе данных ваших профилей ВКонтакте
2012-07-19 в 7:46, admin, рубрики: chrome extensions, chrome web store, Google Chrome, html5, Вконтакте, Вконтакте API, Социальные сети и сообщества, метки: chrome extensions, chrome web store, html5, вконтакте apiПолгода назад мы рассказывали вам о нашем приложении VK Offline для Google Chrome, которое воплощало концепт E-mail клиента и адресной книги на основе данных ваших профилей ВКонтакте. С тех пор утекло много воды, и приложение доросло до четверой версии, воплотив почти все наши задумки. Сейчас VK Offline — это одно из лучших приложений в российском Chrome Web Store, которое объединяет легкость и простоту диалогов ВКонтакте с удобными и привычными функциями любого E-mail клиента и адресной книги.
Мы прошли большой путь при разработке приложения и хотели бы поделиться с вами информацией о ключевых возможностях, которые есть в приложении сейчас, а также об основных технических приемах, которые мы используем при разработке и тестировании приложения.Читать полностью »
Разработка приложений под Windows 8: почему и как
2012-07-12 в 9:25, admin, рубрики: c++, html5, javascript, metro, windows, Windows 8, windows runtime, windows store, WinRT, Блог компании Microsoft, разработка, метки: c++, html5, javascript, metro, windows, Windows 8, windows runtime, windows store, winrt, разработка 
Последние 5-7 лет мы все наблюдаем явление, которое аналитики называют консьюмеризацией ИТ. Не вдаваясь в историю и подробности этого явления, характерного не только ИТ-отрасли, стоит отметить главное – именно «консьюмеры» сегодня создают львиную долю пресловутой добавленной стоимости – иногда своим большим числом, иногда – способностью и желанием переплачивать за новинки и вообще интересные идеи.
Операционная система Windows, получившая тотальное распространение на волне консьюмеризации середины девяностых годов, планомерно развивалась до середины «нулевых», когда персонализация вычислений получила новый мощный толчок – настоящую мобильность и доступность.
Читать полностью »
Показан прототип смартфона на Firefox OS
2012-07-10 в 8:12, admin, рубрики: Firefox OS, html5, операционные системы, прототип, Смартфоны и коммуникаторы, метки: Firefox OS, html5, прототипНа Хабре упоминалось о том, что фонд Mozilla Foundation сменил несколько странное название разрабатываемой мобильной операционной системы Boot to Gecko на Firefox OS и в скором времени планирует выпустить конкурента Android — в начале следующего года — причём стоимостью устройств не будет превышать $100.
К обозревателям сайта TechWeekEurope попал в руки прототип смарфтона на Firefox OS, предоставленный для первого обзора мобильным оператором Telefonica. Фактически подробностей сравнительно мало — смартфон пока не имеет даже кодового названия или видео, на котором было бы продемонстрирована работа операционной системы (в этом смысле разработчики другого проекта Tizen честнее — они уже несколько раз демонстрировали работу своего детища на реальных устройствах от Samsung). Аппарат обладает сенсорной IPS-матрицей и четырьмя сенсорными кнопками — согласно некоторым сведениям, размер экрана будет составлять 4 дюйма.
Читать полностью »
Плакат «Современные веб-стандарты»
2012-06-26 в 12:58, admin, рубрики: html5, javascript, spreadsheets, Блог компании Microsoft, Веб-разработка, плакат, метки: html5, javascript, spreadsheets, плакат 
Готовясь к конференции DevCon'12 и, помня о Тостере по JavaScript, который проходил буквально на следующий день, мы решили, что было бы очень здорово сделать что-то полезное информационное для веб-разработчиков.
Как результат, родился плакат по современным веб-стандартам, вернее, как это принято в мире веб-разработки, черновик плаката, в который мы включили, как нововведения в самой спецификации HTML5:
Читать полностью »
Создаем видео загрузчик при помощи Node.js
2012-06-17 в 5:56, admin, рубрики: html5, javascript, веб-дизайн, Веб-разработка, загрузчик 
Если вы когда-либо загружали видеофайл на сайт, то знаете это чувство когда загрузилось 90% и вы случайно обновляете страницу.
В этом учебном руководстве я покажу, как сделать видео загрузчик для сайта, который может возобновить прерванную загрузку, и генерировать обложку после завершения.