Opera html5: Расширение HTML5 Editor — Дополнения Opera

Содержание

HTML5 видео не работает в Opera и Firefox



Я разместил несколько видео HTML5 на своем сайте и только что заметил, что они не воспроизводятся в Opera и Firefox, но отлично работают в Chrome и Safari. Это видео 720p, но я пропорционально уменьшил размер плеера, потому что полный 720p не поместится в моем макете (не уверен, что это проблема).

Вот пример видео на моем сайте, хотя то же самое происходит со всеми моими видео-страницами: http://willryan.us/video_tilda.html

css html video
Поделиться Источник Will Ryan     02 октября 2012 в 21:15

2 ответа


  • Обертывание HTML5 видео ссылками-элементы управления не работают на Firefox

    Я хочу, чтобы обернуть HTML5 видео с тегом ссылке : <a href=yourpage.html> <video width=560 height=315 autoplay muted controls loop> <source src=http://video.webmfiles.org/big-buck-bunny_trailer.webm type=video/webm> </video> </a> Он отлично работает на Chrome и...

  • <video> тег HTML5 кэш в Firefox и Opera

    У меня есть проблема с кэшем в Firefox и Opera, чтобы использовать тег HTML5 . На моей странице есть кнопка, которая генерирует новое видео на сервере при его нажатии (всегда одно и то же имя), а когда видео генерируется, отображается на странице с video.../video. Проблема в том, что Firefox и...



2

Различные браузеры поддерживают различные видеоформаты. В настоящее время существует три формата, которые вы должны использовать для кодирования своих видео:

  • MP4 (H.264 видео + AAC аудио) [проприетарное, лучшее качество видео],
  • WebM (VP8 video + Ogg Vorbis audio) [open, H.264-comparable video-quality],
  • Ogg Theora [открытое, более низкое качество видео по сравнению с MP4/H.264 и WebM].

Ваша страница содержит только вариант MP4. Для большей совместимости с различными браузерами вы должны дополнительно предоставить как минимум вариант WebM.

Вы можете попробовать использовать бесплатные инструменты, такие как XviD4PSP , чтобы перекодировать ваши видео в различные форматы.

Поделиться

Marat Tanalin     02 октября 2012 в 21:19


Поделиться Lachlan Priest     02 октября 2012 в 21:21


Похожие вопросы:


HTML5 видео не воспроизводится в Opera

Возникли некоторые проблемы с этим сайтом ... Все браузеры воспроизводят видео HTML5, но Opera. Он играл и раньше, но я не вижу ничего, что могло бы повлиять на него в недавнем обновлении, которое я...


Opera и HTML5 видео

На моем сайте есть видео в форматах mp4 и ogv. mp4 играет в webkit браузере. ogv играет в Firefox, но не хочет в Opera. Существует тривиальный HTML: <video poster="my_video.jpg"...


HTML5 видео работает в Firefox, но не в IE

Видеоплеер HTML5 (JW Player) на этой странице отлично работает в Firefox, Chrome, Safari, Opera, но не в IE: http://bit.ly/9mR6Wy Если вы прокрутите компонент карусели, то заметите, что ширина видео...


Обертывание HTML5 видео ссылками-элементы управления не работают на Firefox

Я хочу, чтобы обернуть HTML5 видео с тегом ссылке : <a href=yourpage.html> <video width=560 height=315 autoplay muted controls loop> <source...


<video> тег HTML5 кэш в Firefox и Opera

У меня есть проблема с кэшем в Firefox и Opera, чтобы использовать тег HTML5 . На моей странице есть кнопка, которая генерирует новое видео на сервере при его нажатии (всегда одно и то же имя), а...


Flash запасной вариант в HTML5 видео тег не работает в Opera

<video controls> <source src=video.mp4 type=video/mp4> <object> ... </object> </video> Этот тег видео HTML5 с видео mp4 и резервным вариантом Flash работает во всех...


Youtube HTML5 видео embed не работает в Firefox

Я использую следующий код для встраивания видео Youtube с HTML5 плеером. Он отлично работает в Chrome и IE, но терпит неудачу в Firefox. <iframe width=560 height=315...


HTML5 видео не работает в IE9

У меня возникли проблемы с тем, чтобы заставить HTML5 работать в IE9. Это проявилось как неспособность выполнить тег видео. Он отлично работает в Firefox, Opera и Safari, но я только что получил...


HTML5 видео не работает на Firefox

Кажется, я не могу заставить видео HTML5 работать над последней версией Mozilla Firefox. Он работает в Интернете Explorer, Chrome и Safari. Вот исходный код <video id=video muted autoplay...


Chrome и Opera не воспроизводят application/x-director видео

Существует сайт, содержащий встроенное видео youtube и исходный код которого <object width=300 height=200 data=http://www.youtube.com/embed/G7S5GEp**** type=application/x-director> <param...

Opera и HTML5 видео - CodeRoad



На моем сайте есть видео в форматах mp4 и ogv. mp4 играет в webkit браузере. ogv играет в Firefox, но не хочет в Opera.

Существует тривиальный HTML:

<video poster="my_video.jpg" controls="controls">
    <source src="my_video.mov" type="video/mp4" />
    <source src="my_video.ogv" type="video/ogg; codecs='theora, vorbis'" />
</video>

Когда я открываю страницу, Я вижу видеоэлемент с плакатом, но когда я нажимаю кнопку воспроизведения, ничего не происходит. Я не вижу прогресса в загрузке, и все по-прежнему так, как есть. Но Firefox отлично играет.

В сетевом инспекторе Opera я вижу следующий заголовок HTTP для запроса видеофайла .ogv:

GET /my_video.ogv HTTP/1.1

Агент пользователя: Opera/9.80 (Macintosh; Intel Mac OS X 10.6.7; U; ru) Presto/2.7.62 Version/11.01

Принять: text/html, application/xml;q=0.9, application/xhtml+xml, image/png, image/jpeg, image/gif, image/x-xbitmap, / ;q=0.1

"Accept" часть сбивает меня с толку. Почему он принимает эти типы контента для видео ?

Есть идеи ?

html video cross-browser opera ogg-theora
Поделиться Источник AntonAL     04 апреля 2011 в 09:20

2 ответа


  • Flash запасной вариант в HTML5 видео тег не работает в Opera

    <video controls> <source src=video.mp4 type=video/mp4> <object> ... </object> </video> Этот тег видео HTML5 с видео mp4 и резервным вариантом Flash работает во всех браузерах, кроме как с Opera по PC. Но если я перемещу object из video, он будет работать - так что это...

  • HTML5 и возможности захвата видео во всех браузерах и платформах

    Я начал искать возможности записи видео с помощью HTML5 в течение последних нескольких месяцев. Но я мог бы найти, что это возможно только в opera и chrome , используя getUserMedia() в настольном браузере, и я не знаю мобильных браузеров. Так как HTML5 сейчас очень хорошо процветает. Может ли...



1

Для Opera вам действительно нужно только добавить эти два типа mime к Apache или любому серверу, который вы будете использовать.

AddType video/ogg .ogv
AddType audio/ogg .oga

Это видео работает на вас? У вас есть ссылка на видео, которое вы пытаетесь воспроизвести?

Поделиться karlcow     04 апреля 2011 в 19:26



0

Я уже все понял.

У меня есть MIME типа, перечисленные в файле YAML, которые должны быть указаны при загрузке Mongrel:

/usr/bin/mongrel_rails -m /path_to_mime_types.yml

У меня есть только ".ogv: video/ogg" там. Но, согласно видео-проблеме HTML5 , Opera нужно больше:

.ogv: video/ogg
.oga: audio/ogg
.ogg: application/ogg
.webm: video/webm
.mp4: video/mp4

Когда я добавлю эти типы, Opera будет воспроизводить видео .ogv.

Спасибо.

Поделиться AntonAL     04 апреля 2011 в 09:37


Похожие вопросы:


HTML5 видео не воспроизводится в Opera

Возникли некоторые проблемы с этим сайтом ... Все браузеры воспроизводят видео HTML5, но Opera. Он играл и раньше, но я не вижу ничего, что могло бы повлиять на него в недавнем обновлении, которое я...


HTML5 видео не работает в Opera и Firefox

Я разместил несколько видео HTML5 на своем сайте и только что заметил, что они не воспроизводятся в Opera и Firefox, но отлично работают в Chrome и Safari. Это видео 720p, но я пропорционально...


<video> тег HTML5 кэш в Firefox и Opera

У меня есть проблема с кэшем в Firefox и Opera, чтобы использовать тег HTML5 . На моей странице есть кнопка, которая генерирует новое видео на сервере при его нажатии (всегда одно и то же имя), а...


Flash запасной вариант в HTML5 видео тег не работает в Opera

<video controls> <source src=video.mp4 type=video/mp4> <object> ... </object> </video> Этот тег видео HTML5 с видео mp4 и резервным вариантом Flash работает во всех...


HTML5 и возможности захвата видео во всех браузерах и платформах

Я начал искать возможности записи видео с помощью HTML5 в течение последних нескольких месяцев. Но я мог бы найти, что это возможно только в opera и chrome , используя getUserMedia() в настольном...


Отключить всплывающую кнопку Opera HTML видео

В Opera (и только Opera) видео HTML5 поставляется с кнопкой вверху, которая позволяет вам вытащить видео с веб-страницы. Есть ли способ отключить это в javascript, jquery или CSS? Вот похожий пост,...


HTML5 кнопка видео сверху-Opera браузер

У меня есть видео на моем сайте, и все в порядке в других браузерах, но когда я проверил его на Opera, я вижу эту кнопку -> Можно ли это удалить?


HTML5 видео в Opera 12.17

Opera версия браузера 12.17 . Поддерживает ли эта версия воспроизведение видео MP4 h.264 ? Работает в FF , IE и chrome, но не работает в Opera. <div class=row> <video id=video width=50%...


html5 getusermedia() захват видео без ssl

Мне нужно захватить видео с webcam и загрузить его на мой IIS. Для этого я использовал html5 и JS с webrtc. Все работает нормально, но хром и opera Сайед, что ssl нужен. Как избежать этой проблемы?


Chrome и Opera не воспроизводят application/x-director видео

Существует сайт, содержащий встроенное видео youtube и исходный код которого <object width=300 height=200 data=http://www.youtube.com/embed/G7S5GEp**** type=application/x-director> <param...

Opera представила третье поколение HTML5-движка для устройств Smart TV

, Текст: Михаил Иванов

Первый коммерческий движок на базе Blink для устройств Smart TV получил масштабное обновление с выходом нового HTML5-движка с возможностью внедрения комплекта средств разработки Opera Devices SDK 4.2.

Opera Devices SDK 4.2 теперь обладает целым рядом новых функций, в частности: поддержкой HbbTV 1.5, последней версии широкополосного ТВ-стандарта; возможностью потокового вещания с поддержкой адаптивного битрейтного стриминга, включая MPEG-Dash, HTTP Live Streaming и Smooth Streaming - данная функция позволяет обеспечить более высокое качество передачи данных; поддержкой Timed Text Markup Language (TTML) в соответствии со спецификациями Smart TV Alliance, а также поддержкой множественных видео, аудио и текстовых каналов для лучшей обработки субтитров и языков.

Поддержка платформ сетевых ТВ-устройств является еще одной новой возможностью Opera Devices SDK. В версии 4.2 помимо поддержки SDK Linux-устройств добавлена также поддержка девайсов на базе ОС Android и RDK (комплекта эталонных конфигураций). Добавление этих платформ позволит операторам платного ТВ и производителям оборудования внедрять новые онлайн-сервисы и приложения, а также формат HbbTV.

Opera Devices SDK 4.2 был полностью протестирован на контенте и устройствах с разрешением 4K для управления потоками данных областей верхней памяти, необходимых для вещания в формате сверхвысокой четкости. Согласно прогнозам, именно ОТТ, а не традиционный вещательный контент, станет основным драйвером роста 4К-контента.


Новый веб-браузер Opera для ТВ

Opera Devices SDK 4.2 также получил совершенно новый интернет-браузер Opera TV с новым пользовательским интерфейсом, оптимизированным для ТВ-устройств. Opera TV позволяет зрителям пользоваться полноценным интернетом прямо со своего ТВ при помощи стандартного пульта ДУ. Кроме того, ТВ-браузер был полностью интегрирован в Opera Devices SDK на основе Chromium/Blink, что позволит производителям устройств Smart TV без лишних усилий внедрять веб-браузер в свои продукты.

Opera для Android, чтобы получить HTML5 видео, Flash

Opera работает над Opera Mobile, своим полноценным мобильным браузером, для устройств Android. опера

Opera Mobile для Android, высококлассный браузер для смартфонов компании Oslo, предлагает две важные функции: воспроизведение видео HTML5 и использование плагина Adobe Systems для Flash Player.

«Новые веб-технологии нацелены на его замену, но Flash будет в течение некоторого времени. Если на вашем телефоне установлен Flash Player, Opera поддержит его», - сказал член мобильной группы Павел Студени в своем выступлении. Сообщение блога в субботу.

HTML5-видео, одна из тех технологий, которая затрагивает сферу влияния Flash, позволяет разработчикам вставлять видео непосредственно на веб-страницу, как это происходит с изображениями. Это также в пути, сказал Студени. Он не сказал, когда две функции прибудут.

Opera Mobile для Android находится в стадии бета-тестирования. Он больше всего конкурирует со встроенным браузером, который поставляется с Android, а также с мобильной версией Firefox, которая также находится в бета-тестировании (третья бета-версия которой должна появиться в ближайшее время), и несколькими другими браузерами. Google разрешает устанавливать другие браузеры на Android; Apple допускает только альтернативные пользовательские интерфейсы браузера, которые используют движок браузера iOS под капотом.

Opera Mobile написана на языке программирования C ++, а не на варианте Java, который используется большинством приложений Android. Это возможно благодаря функции под названием Собственный интерфейс Java (JNI) это позволяет использовать гибридный подход к программированию. Студены сказали:

К счастью, Java позволяет загружать методы классов из внешних библиотек через специальный интерфейс JNI. Внешние библиотеки могут быть написаны на любом языке. Вот как мы это делаем. Мы храним весь код браузера в таких внешних библиотеках и используем крошечный код Java, который их загружает. Это работает очень хорошо, хотя отладка на нескольких языках программирования не так просто.

Opera также предлагает более легкий мобильный браузер под названием Opera Mini, который работает с Android, Apple iOS и несколькими другими операционными системами. Opera Mobile имеет встроенный движок браузера, но Mini требует, чтобы сервер Opera просматривал веб-страницу, сводил ее к меньшему размеру и отправлял в браузер Mini для просмотра. Это переносит браузер на телефоны более низкого уровня и адаптируется к худшим сетевым соединениям, но это отвлекает от некоторых возможностей просмотра, таких как запуск интерактивных веб-приложений.

Похожие

Благодарю вас, чтобы выразить благодарность
Выражение благодарности должно быть одним из самых простых дел, но иногда мы боремся со словами, если хотим убедиться, что получатель нашей заметки знает, сколько Google Maps 9.19.0 для Android скачать. Что нового?
... чтобы предоставить информацию о трафике и времени в пути. Интересно, что функция состоит в том, чтобы угадать пункт назначения. Режим можно активировать с помощью ярлыка со значком на экране ... который сначала должен быть активирован, и для этого требуется появление ранее упомянутых опций в настройках навигации. Еще одной новой функцией является восстановление звуковых иконок в режиме навигации, как вы можете видеть на скриншоте ниже. Прикосновение к громкоговорителю расширит список, Weather App Pro - приложение для Android - Скачать - CHIP
В течение короткого времени для бесплатной загрузки: с приложением "Погода App Pro" появляется стильный прогноз погоды на вашем смартфоне Android. Weather В США молодожены зарегистрировали брак в туалете суда (видео)
В Нью-Джерси молодожены сделали все, чтобы не пропустить свою очередь на регистрацию брака / Скриншот - ТСН В американском штате Нью-Джерси молодожены решили пожениться в туалете суда, чтобы мать жениха, которому стало плохо, не пропустила праздничную церемонию. Skype запускает мобильную бета-версию «Click to Call» для Android
Skype выпустил свою функцию «Click to Call», которая позволяет пользователям совершать вызовы со своего настольного клиента. Плагин Skype для рабочего стола позволит вам «отправлять телефонные номера из браузера вашего компьютера прямо в Skype на ваш мобильный телефон, чтобы вы могли сразу же позвонить со своего телефона или сохранить номер для последующего вызова». Google запускает Android O в бета-версии с Google Play Protect и полезными настройками интерфейса
Как скачать видео с разрешением 720p или 1080p с YouTube
... чтобы присоединиться к ним в одном. Еще один момент для загрузки видео в формате 1080p или 720p заключается в том, что YouTube не позволяет вам смотреть видео в высоком разрешении, если ваше интернет-соединение недостаточно быстрое, но иногда важно иметь HD-видео. Например, наши разработчики должны смотреть видео о программировании на YouTube, а строки кода должны быть достоверными, чтобы их мог выполнять только формат HD. 1. Чтобы скачать эти видео с YouTube, Модернизированное приложение Skype, которое было доступно на телефонах Android с прошлого года, теперь ...
Модернизированное приложение Skype, которое было доступно на телефонах Android с прошлого года, теперь имеет оптимизированный макет планшета. Новое приложение для планшета теперь доступно в режиме предварительного просмотра и соответствует недавнему выпуску нового клиента Skype для iPad (который также все еще находится в режиме предварительного просмотра). Как получить лучшее (и самое дешевое) для входа в электронную коммерцию?
Чем больше я общаюсь с разными владельцами интернет-магазинов, тем чаще замечаю три одержимости: цифры, рейтинги и конкуренция . Что Как приготовить оригами Бумеранг
... видео Ред Тед Арт сделал. Это те, кого я использовал для их изготовления. Я действительно пытался напечатать инструкции, но их было очень сложно выписать, когда вы дойдете до шага 8. Как только вы сделали свой бумеранг для оригами, вы можете украсить его. ЕК действительно хочет сделать кусок, основанный на дизайне Бешеная скорость: полиция показала видео жуткого ДТП с восемью погибшими на Николаевщине
... html"> этот материал доступен на русском На видео видно, как автомобиль Mazda выезжает на встречную полосу на большой скорости. Появилось видео жуткой ДТП на Николаевщине, в котором погибло 8 человек / фото mk.npu.gov.ua Камера видеонаблюдения,

Комментарии

Многие из нас знают эти видео, но как вы можете вставить эмодзи в видео сами?
Многие из нас знают эти видео, но как вы можете вставить эмодзи в видео сами? В этой статье мы хотели бы познакомить вас с некоторыми подходящими методами. Советы, прежде чем начать Найти самые красивые смайлики Помимо смайликов в базе данных изображений Google, вы также можете найти новые смайлики на своих собственных сайтах Emoji. Например, на emojipedia.org есть выбор из тысяч смайликов. Затем вы можете скачать их или выбрать между целыми категориями. С нетерпением ждем, чтобы получить в свои руки Battlefield V позже в этом году?
Многие из нас знают эти видео, но как вы можете вставить эмодзи в видео сами? В этой статье мы хотели бы познакомить вас с некоторыми подходящими методами. Советы, прежде чем начать Найти самые красивые смайлики Помимо смайликов в базе данных изображений Google, вы также можете найти новые смайлики на своих собственных сайтах Emoji. Например, на emojipedia.org есть выбор из тысяч смайликов. Затем вы можете скачать их или выбрать между целыми категориями. Итак, как вы пишете на страницах, чтобы писать правильно?
Итак, как вы пишете на страницах, чтобы писать правильно? К сожалению, как это иногда бывает в языке, теория не совместима с практикой. Так же, как мы не должны говорить * Я смогу водить машину (правильно: я смогу водить машину ) или * Так что же делать, чтобы наш Nexus позволил вам работать более 1 дня?
Так что же делать, чтобы наш Nexus позволил вам работать более 1 дня? И кстати - замена батареи Стандартная батарея может быть заменена батареей большего размера - например, 2100 мАч или даже 4000 мАч! однако, чтобы использовать их, кроме дополнительных расходов, мы будем вынуждены Как получить возврат переплаты налога на ПИТ на свой банковский счет?
Как получить возврат переплаты налога на ПИТ на свой банковский счет? Где я должен ввести эту информацию в форму PIT? Или, может быть, по-другому, уведомить налоговую инспекцию, что возврат налога мы хотим получить перевод на счет, а не почтовый перевод? Не секрет, что мы сможем возместить переплату из ежегодного расчета PIT, переведя на наш банковский счет Как получить 700 злотых за покупку кассового аппарата?
Как получить 700 злотых за покупку кассового аппарата? 09-04-2015 Планируете ли вы купить новое фискальное устройство , кассовый аппарат или фискальный принтер? Помните, что если вы впервые покупаете фискальное устройство (первое для данного налогового идентификационного номера), вы имеете право на возврат 90%, но не более 700 злотых. Знаете ли вы, сколько времени займет просмотр всего видео на YouTube?
Знаете ли вы, сколько времени займет просмотр всего видео на YouTube? Более 1000 лет! И постепенно эта тенденция распространяется на мобильные телефоны. Хотя кажется, что Retina-дисплей iPad (Air / mini / Pro) - лучшая платформа. Дисплеи 1024x768, 1280x720 и 1920x1080 готовы для просмотра различных видео YouTube на iPad. YouTube против iPad Adobe годами безуспешно пыталась пустить Flash Player на Как получить пожизненную гарантию производителя?
Как получить пожизненную гарантию производителя? Ознакомьтесь с пожизненной гарантией RAM Mount. Если вы считаете, что продукт должен быть подан для жалобы, выполните следующие простые действия: Делайте цифровые фотографии, чтобы отчетливо видны ручка или поврежденные / неисправные детали. Многие компоненты Mount RAM выглядят очень похоже. Чтобы избежать ошибок, укажите номер продукта. Это гарантирует, что Производитель отправит обратно нужный товар. Номера
Что нового?
Как получить лучшее (и самое дешевое) для входа в электронную коммерцию?
Многие из нас знают эти видео, но как вы можете вставить эмодзи в видео сами?
С нетерпением ждем, чтобы получить в свои руки Battlefield V позже в этом году?
Многие из нас знают эти видео, но как вы можете вставить эмодзи в видео сами?
Итак, как вы пишете на страницах, чтобы писать правильно?
Итак, как вы пишете на страницах, чтобы писать правильно?
Так что же делать, чтобы наш Nexus позволил вам работать более 1 дня?
Как получить возврат переплаты налога на ПИТ на свой банковский счет?
Где я должен ввести эту информацию в форму PIT?

Аппаратное ускорение в браузерах

Одной из характеристик, по который браузеры сравнивались в прошлом обзоре, была скорость работы с графикой. Тогда это был всего лишь один показатель среди прочих, сегодня же ему будет уделено основное внимание, и вот почему. Контент веб-страниц постепенно становится сложнее и насыщеннее. С одной стороны, этому способствует развитие и продвижение HTML5, который напрямую поддерживает видео () и графику (), а с другой — постепенное наступление облачных вычислений.

Хорошим примером является Chrome OS — работать в ней можно только с веб-приложениями, которые в идеале должны заменить все привычные нам программы. При этом должна быть обеспечена и возможность их локальной работы, для чего большая часть функциональности реализуется непосредственно в браузере (в противном случае ее можно было бы переложить на серверную сторону, что сняло бы часть проблем). Среди таких приложений если не сегодня, то завтра, очевидно, появятся и достаточно сложные игры (казуальные уже прочно укрепились в вебе), и фоторедакторы, и другие графические программы. Естественно, чтобы завоевать признание пользователей, они должны работать сравнимо с обычным ПО, в том числе и в вопросах производительности — обратное поставит под сомнение саму идею облачных вычислений, что, похоже, сегодня уже никого не устраивает. Именно для этой цели совершенствуются JavaScript-машины и, что особенно важно в контексте данной статьи, обеспечивается аппаратное ускорение вывода графики.

К тому же, браузер становится системообразующим компонентом, и не только в Chrome OS: его роль, к примеру, расширяется и в более традиционной Windows. Так, новый интерфейс Metro в Windows 8 визуализируется именно ядром Internet Explorer 10, и потому аппаратное ускорение в этом браузере играет особенно важную роль. При этом Metro-вариант Internet Explorer 10 не поддерживает никаких плагинов, включая Adobe Flash и Microsoft Silverlight, и соответственно, использующие графику и анимацию приложения для него должны создаваться исключительно средствами HTML5.

Постепенно снижающееся значение Adobe Flash-плеера — еще одна современная тенденция. До недавнего времени стандарт де-факто для анимационных интерактивных веб-приложений, сегодня он постепенно вытесняется из этой сферы, хотя, по оценкам самой Adobe, по крайней мере 70% онлайновых игр реализуется именно на Flash. Однако и Apple, и теперь Microsoft подают однозначные сигналы. Google, вроде бы, более лояльна, раз включила поддержку Flash в Chrome OS, однако именно Google (а даже не сам пользователь) контролирует обновление плеера, и компания в любой момент может пойти на попятную, т. к. очевидным приоритетом все же является HTML5. Тем не менее Adobe продолжает развитие своих технологий, и Flash Player 11 также обещает повысить эффективность вывода графики. Поэтому, хотя в контексте статьи основной интерес представляют именно браузеры, они будут, где это возможно, сравниваться с Flash. Тем более, что было бы полезно не только сопоставить между собой сами браузеры, но и понять, насколько серьезное оборудование уже в ближайшем будущем потребуется для комфортной работы с вебом.

Итак, под аппаратным ускорением понимается переложение части операций с центрального процессора на GPU, который, в отличие от x86 CPU, адаптирован для специфических вычислений — кстати, не только для обработки графики, но и, скажем, для криптографии. Впрочем, лучше всего эффект от использования GPU известен на примере компьютерных 3D-игр: сегодня уже невозможно представить, чтобы в них использовался программный рендеринг. Веб-приложениям, конечно, еще долго выходить на подобный уровень, но уже сейчас аппаратное ускорение в браузерах может касаться сразу нескольких аспектов:

  • воспроизведения видео;
  • рендеринга страниц, использующих , CSS3 и пр.;
  • 3D-графики, создаваемой с помощью WebGL.
Браузеры: текущее состояние

Если обращать внимание на номера версий, то за время, прошедшее с момента прошлого теста, два из пяти ведущих браузеров продемонстрировали завидный прогресс. На самом деле, такое частое обновление версий отражает, скорее, особенности процесса разработки, чем уровень реальных усовершенствований, однако изменения есть, и они заметны. Особенно у Chrome, который существенно расширил свою функциональность — к примеру, стал поддерживать исполнение машинного кода (Native Client). В интересующем нас контексте в браузере Google было реализовано графическое ускорение и 3D CSS, ряд экспериментальных функций перекочевали в базовые, так что теперь этот браузер — в одном ряду с Firefox и Internet Explorer. Разработчики Firefox также уделяли внимание совершенствованию (в основном, экстенсивному) производительности. Ну а оптимизацией JavaScript-машин озабочены все — правда, Microsoft это делает уже в контексте будущего Internet Explorer 10. Поскольку JavaScript играет заметную роль в работе с графикой, предварительно имеет смысл обновить результаты прошлых тестов (на том же оборудовании):

Табл. Производительность браузеров в JavaScript

БраузерSunSpider 0.9.1, мс
(меньше — лучше)
V8 Benchmark (v6)
(больше — лучше)
Kraken v1.1, мс
(меньше — лучше)
Futuremark Peacekeeper
(больше — лучше)
Chrome 14.0.835.186508458083354857
Firefox 6.0.24922208115842671
IE 9.024201425250052620
Opera 11.515362065260644522
Safari 5.15861638345683584

Прогресс Chrome особенно заметен: в частности, теперь именно он лидирует во Futuremark Peacekeeper, слегка опередив Opera. Этот тест стои́т несколько особняком от прочих, так как учитывает и работу с графикой в , и рендеринг «типичных» элементов веб-страниц. Если признать, что он отражает текущее состояние веба, то понятно, почему Opera воспринимается как «быстрый браузер» — жаль только, что его разработчики не слишком реагируют на современные тенденции.

Оборудование

Тесты проводились в следующей конфигурации:

  • CPU Pentium D 3 ГГц;
  • 3 ГБ памяти;
  • референсные видеокарты AMD Radeon HD 6450, 6670, 6790;
  • монитор с разрешением 1680×1050;
  • ОС Windows 7 Ultimate SP1 x32;
  • Catalyst Software Suite 11.8.

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

Видео

Воспроизведение видео непосредственно средствами браузера стало возможным благодаря появлению в HTML5 тега . В нем можно описывать различные доступные форматы, а уж браузер выберет тот, который ему больше подходит. На самом же деле реальных претендентов на широкое распространение в вебе всего два: H.264/MPEG-4 AVC и VP8/WebM. Первый поддерживается исторически, в том числе в Adobe Flash, и сегодня его главными сторонниками являются Microsoft и Apple. Второй продвигается усилиями Google, которая в свое время приобрела разработчика этого формата, а кроме того, поскольку VP8 не требует лицензионных отчислений (хотя пока они и за H.264 не взимаются), на его стороне также Mozilla и Opera. Впрочем, Microsoft предлагает плагины H.264 для Chrome и для Firefox на Windows 7, а Google — WebM-плагин для Internet Explorer 9 и для Safari на Mac OS X. Проверить поддержку этих форматов можно, к примеру, на специальной странице сайта Microsoft.

Очевидно, что в данном случае соревнуются не столько браузеры, сколько кодеки. Сравнение их с точки зрения качества изображения — отдельный вопрос. Хотя некоторое преимущество H.264 зафиксировано в Wikipedia, при прочих равных большинство пользователей вряд ли увидят разницу в картинке. С производительностью проще — за свою более длинную историю H.264 сумел приобрести дивиденды в виде оптимизации декодирования с помощью GPU фактически всех распространенных марок; сегодня этот бонус автоматически достается большинству пользователей. VP8 пока таким похвастать не может, его декодирование все еще в значительной степени возлагается на CPU, со всеми вытекающими последствиями. Соответственно, главный критерий нашей оценки — именно загрузка CPU.

Для теста воспроизведения видео использовался ролик Wonders of the Solar System — Trailer, доступный в различных разрешениях и форматах. С недавних пор YouTube стал не только поддерживать раздачу видео в HTML5, но и активно кодировать его в WebM (традиционно для этого использовались форматы Flash Video и MPEG-4). Режим этот, впрочем, пока тестовый, с рядом ограничений — в частности, ролики со встроенной рекламой по-прежнему воспроизводятся только через Flash-плеер. Включать режим нужно на особой странице, где заодно будет видна и информация о текущей поддержке форматов. Искать WebM-видео на YouTube можно с помощью расширенных настроек поиска, либо добавляя к URL страницы с результатами поиска параметр &webm=1. Хотя при наличии роликов в обоих форматах все браузеры неизменно выбирают «родной» для них, и повлиять на это поведение невозможно. Естественно, при тестировании канал был достаточно широк, чтобы не накладывать никаких дополнительных ограничений.

Табл. Средняя загрузка CPU при воспроизведении видео (оконный/полноэкранный режимы, %). Видеокарта Radeon HD 6790.

БраузерФормат360p720p1080p
Chrome 14.0.835.186WebM19,0/20,543,7/48,669,3/69,9
Firefox 6.0.2WebM26,0/19,844,6/38,5н/д
IE 9.02 (HTML 5)MPEG-419,2/13,919,8/16,522,1/18,4
IE 9.02 (Flash 11.0.1.129 RC)MPEG-49,5/9,518,6/9,929,9/9,9
Opera 11.51WebM29,6/65,470,7/83,5н/д
Safari 5.1 (QuickTime 7.7)MPEG-415,2/15,449,5/53,887,5/89,7

Табл. Средняя загрузка CPU при воспроизведении видео (оконный/полноэкранный режимы, %). Видеокарта Radeon HD 6450.

БраузерФормат360p720p1080p
Chrome 14.0.835.186WebM22,2/21,543,7/48,769,5/70,0
Firefox 6.0.2WebM23,5/21,344,5/41,5н/д
IE 9.02 (HTML 5)MPEG-420,7/14,122,3/18,723,9/19,9
IE 9.02 (Flash 11.0.1.129 RC)MPEG-410,5/10,020,6/10,131,3/9,9
Opera 11.51WebM31,9/67,074,0/84,1н/д
Safari 5.1 (QuickTime 7.7)MPEG-415,8/16,051,3/55,589,2/90,1

Цифры, в общем-то, говорят сами за себя и подтверждают вышесказанное. Поддержке HTML5-видео еще есть куда развиваться, так как лучшие результаты по-прежнему демонстрирует Flash-плеер, хотя можно сделать вывод, что декодер Adobe лучше оптимизирован именно для небольших разрешений, тогда как Microsoft больше внимания уделила HD. Firefox и Opera даже не предлагают воспроизводить HD 1080p, хотя Firefox выглядит лучше Chrome, и оба, судя по всему, начали оптимизировать свои WebM-декодеры (Google объявляла об этом еще в Chrome 10). У Opera на 720p и Safari на 1080p загрузка центрального процессора периодически зашкаливала, и соответственно, они пропускали кадры. Вероятно, Safari/QuickTime лучше функционирует в Mac OS X, а декодер Apple для Windows, очевидно, не оптимизирован. Масштабирования аппаратного ускорения в зависимости от используемой видеокарты практически не наблюдается, поэтому третья модель видеокарты даже не тестировалась.

HTML

Условно отображение веб-страниц можно разбить на три основных этапа:

  • рендеринг отдельных элементов;
  • компоновка страницы;
  • вывод на экран.

Все три могут полностью или частично обслуживаться GPU. На первом, к примеру, обрабатываются элементы и SVG, на втором применяются преобразования 3D CSS и т. д. В свое время Microsoft первой объявила о реализации «полного» аппаратного ускорения вывода веб-страниц в Internet Explorer 9. Учитывая, что ее браузер работает только в Windows Vista/7, это, видимо, было сравнительно просто: Direct2D и DirectWrite для рендеринга, Direct3D для компоновки и вывод стандартными средствами ОС, т. е. также через DirectX. На самом деле остальные «ускоренные» браузеры обеспечивают примерно всё то же самое, с той лишь разницей, что вынуждены использовать средства и API, доступные на каждой конкретной платформе. К примеру, в Windows XP нет Direct2D, чем Microsoft и аргументировала отсутствие для нее Internet Explorer 9. Остальные разработчики решили превратить это в свое конкурентное преимущество, т. к. половина пользователей и до сих пор не перешла на более новые версии Windows. Соответственно, архитектура аппаратного ускорения в Chrome и Firefox сложнее, чем в Internet Explorer 9:

Табл. Реализация аппаратного ускорения в Firefox на различных платформах.

ОперацияLinuxWindows XPWindows Vista/7Mac OS X
Рендеринг контентаXRenderнетDirect2DQuartz (CPU)
Компоновка страницыOpenGLDirect3DDirect3DOpenGL

Таким образом, Firefox в Windows Vista/7 обеспечивает не менее полное ускорение. Chrome может использовать Direct2D для рендеринга отдельных элементов, в частности , но, к примеру, не для текста. Хотя, учитывая темпы обновления браузера Google, все может поменяться уже к моменту публикации статьи. Safari поддерживает аппаратное ускорение только в Mac OS X (справедливости ради, отметим, что Chrome и Firefox, в свою очередь, пока особо не блещут на платформе Apple), а Opera, кажется, вообще не уделяет внимания данному аспекту.

В реальности поддержка аппаратного ускорения также зависит от используемой видеокарты и драйверов (которые в любом случае стоит обновить). Проверить состояние дел можно несколькими способами. В Internet Explorer 9 и Firefox имеются соответствующие параметры в окнах настроек. В Firefox можно получить и более подробную информацию в разделе Graphics страницы about:support:

Рис. 1. Раздел Graphics страницы about:support

В Chrome похожая информация отображается на странице about:gpu-internals:

Рис. 2. Chrome, страница about:gpu-internals:

Если что-то здесь будет вызывать ваши сомнения, попробуйте заглянуть в about:flags и включить опции, имеющие отношение к работе с графикой и GPU (имейте в виду, что соответствующие функции относятся к экспериментальным и могут работать нестабильно). В текущей версии Chrome 14 доступна только GPU Accelerated Canvas 2D, в предыдущих были и другие настройки, которые постепенно перекочевали в разряд штатных возможностей.

Рис. 3. Chrome страница about:flags

Итак, перейдем к тестам. Для начала несколько тестов, созданных разработчиками браузеров. Кстати, как видно, они вовсе не обязательно отдают предпочтение «своим» браузерам.

Табл. Результаты ряда тестов не зависят от используемой видеокарты

Первые два из этих тестов проводились и в прошлый раз, динамика развития Chrome хорошо заметна. Здесь и далее ограничение в 60 fps искусственное, связанное с тем, что именно такова наиболее распространенная частота обновления экрана мониторов — а следовательно, превышение ее может вызывать разве что академический интерес, поскольку пользователь дополнительных кадров просто не увидит. Приведенные результаты получены с видеокартой HD 6790 и оставались такими же (в пределах статистической погрешности) при использовании других видеокарт, за одним исключением: Firefox в Psychedelic Browsing показал 6440 и 2217 баллов для HD 6670 и HD 6450 соответственно (при этом не воспроизводился звук). Вероятно, это связано с какими-то особенностями реализации отдельных функций. Для Chrome в Psychedelic Browsing решающее значение имела упомянутая выше опция GPU Accelerated Canvas 2D — с ее отключением результат опускался до значения 4. Вот наглядная демонстрация преимуществ аппаратного ускорения, отсутствие которого невозможно компенсировать оптимизацией других механизмов браузера.

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

Табл. Microsoft FishBowl, fps (10/250 рыбок)

БраузерHD 6790HD 6670HD 6450
Chrome 14.0.835.18660/3560/3560/34
Firefox 6.0.260/1960/338/3
IE 9.0260/6060/6060/22
Opera 11.512/12/12/1
Safari 5.12/02/02/0

В Firefox и Opera, как и раньше, вода красная.

Два следующих теста независимых разработчиков имитируют игровой контекст, причем первый разработан специалистами Facebook. Естественно, ни о какой 3D-графике здесь речь не идет, используются обычные «плоские» спрайты.

Табл. Независимые «игровые» тесты

БраузерJSGameBench (больше — лучше)Asteroids, баллы/fps
Chrome 14.0.835.1867961123/24
Firefox 6.0.2923434/10
IE 9.027001080/23
Opera 11.5143755/16
Safari 5.11141046/22

Здесь также масштабирование наблюдалось только у FireFox — в JSGameBench его показатели были 910 и 777 на HD 6670 и HD 6450 соответственно. Результаты в Asteroids выглядят очень интересно — хотя в этом тесте и применяется , аппаратное ускорение не имеет решающего значения. Вероятно, здесь сказываются ограничения в каких-то более традиционных частях движка, неплохо реализованных в Opera и Safari. Для сравнения, Chrome с отключенным 2D-ускорением показал 1043/22.

Как уже говорилось, все идет к тому, что Adobe Flash будет постепенно вытесняться из веба. Соответственно, возникает вопрос: насколько оправдана эта тенденция, учитывая предысторию, распространенность и достаточную отлаженность технологии Adobe? Следующий тест, конечно, не может претендовать на полноту, но тем не менее демонстрирует, что по производительности конкурировать с Flash непросто.

Табл. Сравнение различных механизмов анимации, fps

БраузерHTMLCanvasSVGFlash
Chrome 14.0.835.18621301844
Firefox 6.0.2938244
IE 9.0216342550
Opera 11.5129281250
Safari 5.123315150

Internet Explorer и Opera в HTML-тесте рисуют частички квадратными. Результат Chrome указан с отключенным 2D-ускорением : с использованием этой настройки частота кадров опускалась до 12-13 fps. Видно также, что в наиболее простых случаях отсутствие аппаратной акселерации можно компенсировать программной оптимизацией; не наблюдалось и масштабирования производительности.

Впрочем, в следующем тесте картина для Flash уже не столь однозначна: реализация растровой графики средствами HTML5 оказывается значительно более быстрой:

Табл. GUIMark 2, fps

БраузерVector, HTML5Vector, FlashBitmap, HTML5Bitmap, Flash
Chrome 14.0.835.1869183714
Firefox 6.0.211174814
IE 9.0210204716
Opera 11.511619915
Safari 5.12191215

Здесь хорошо заметно, что для HTML5 принципиальную роль играет аппаратное ускорение, хотя Opera отлично справилась с векторным тестом. Результаты Chrome с отключенным 2D-ускорением были значительно ниже. Однако нагрузка на GPU явно не слишком высока, и результаты совпадают на всех видеокартах.

Наконец, последний HTML5-тест — один из немногих, построенных на основе реального веб-приложения (архив-магазин записей радиостанции). Он комплексный, задействует различные механизмы, в том числе и , в процессе его исполнения заметно, как сильно «плавает» fps в зависимости от ситуации/задачи.

Табл. WebVizBench (баллы/fps)

БраузерБаллы/fps
Chrome 14.0.835.1862800/5
Firefox 6.0.23050/3
IE 9.023970/14
Opera 11.512740/3,5
Safari 5.12650/2

Хороший пример того, насколько «тяжелыми» для браузеров могут быть HTML5-приложения. Результаты не зависели он используемой видеокарты, за исключением Internet Explorer, показавшего 3600/11 на HD 6450. Впрочем, надо иметь в виду, что данный сайт/тест разрабатывался именно с прицелом на браузер Microsoft.

WebGL

В данном контексте не вполне корректно говорить об аппаратном ускорении, поскольку WebGL представляет собой JavaScript API для отображения 3D-графики в . Но он основан на OpenGL и потому в большинстве случаев будет действительно исполняться на GPU. На сегодняшний день WebGL поддерживают Chrome и Firefox, а также Safari на платформе Mac OS X. В стабильной версии Opera поддержки нет, хотя она присутствовала в специальных тестовых сборках. Microsoft выступает против WebGL, аргументируя свою позицию соображениями безопасности: к качеству видеодрайверов имеются определенные претензии, а WebGL позволяет веб-приложениям напрямую взаимодействовать с ними, что может быть использовано для взлома системы. Впрочем, свято место пусто не бывает, и для Internet Explorer разрабатывается WebGL-плагин, хотя приложения для него, похоже, нужно корректировать (во всяком случае, пока ни один тест у нас корректно не запустился).

Табл. WebGL-реализация FishIE (2000/10000 рыбок, fps)

БраузерHD 6790HD 6670HD 6450
Chrome 14.0.835.18660/2860/2754/4
Firefox 6.0.260/2058/1841/4

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

Табл. Полноэкранные WebGL-варианты JSGameBench

БраузерHD 6790HD 6670HD 6450
Chrome 14.0.835.18639602080/1810380/440
Firefox 6.0.232301910410

Результаты Chrome отличаются в WebGL Demo и WebGL Demo 2 (приведены через косую черту). Здесь масштабирование также хорошо заметно, хотя на следующие тесты смена видеокарты влияния уже не оказывала.

Табл. Производительность в WebGL также не всегда масштабируется

Резюме

Итак, насколько важно аппаратное ускорение в браузерах и должно ли оно волновать пользователя? Текущее состояние веба таково, что новые возможности HTML5 пока не слишком распространены. В пользу этого свидетельствует и неспешное развитие Opera и Safari. Однако ситуация будет меняться. В отношении перспектив HTML5 Google и Microsoft практически единодушны, а одно это уже говорит о многом.

Аппаратное ускорение реально необходимо для воспроизведения сравнительно качественного видео из веба. Судя по всему, именно с его отсутствием или недостаточной эффективностью связаны жалобы пользователей нет- и «хромбуков». Особо мощный GPU в данном случае не нужен, гораздо важнее качественная оптимизация декодера, которой пока очень не хватает для WebM.

C отображением веб-страниц ситуация менее однозначна. Неслучайно большинство тестов являются, по сути, демонстрационными приложениями: веб достаточно консервативен, создатели сайтов обычно стараются поддерживать все распространенные браузеры, а HTML5 пока даже не принят W3C. Однако новые возможности слишком заманчивы, и тройка ведущих браузеров делает их доступными для большинства пользователей. Соответственно, массового появления насыщенных сложным контентом сайтов можно ожидать уже в ближайшее время. В большинстве HTML-тестов аппаратное ускорение позволяет кардинально улучшить производительность, хотя реальная нагрузка на GPU, видимо, не слишком высока, раз не наблюдается масштабирования результатов при смене видеокарты на более мощную. Скажем, непонятно, как добиться большей частоты кадров в тесте WebVizBench.

Производительность WebGL масштабируется заметно лучше — судя по всему, данный API позволяет довольно эффективно задействовать GPU. Следовательно, появятся и по-настоящему тяжелые веб-приложения, работа которых будет существенно зависеть от видеокарты. Это, кстати, могут быть не только игры, хотя им уделяется внимание в первую очередь — вот, к примеру, Quake 2. Не менее перспективно выглядит и визуализация научных и инженерных расчетов. Если WebGL действительно сможет завоевать популярность, то значение GPU для веба существенно вырастет.

Еще один общий момент, на который стоит обратить внимание: аппаратное ускорение не только повышает производительность, но и снижает энергопотребление. Задачи, для которых не хватает даже 100% ресурсов CPU (к примеру, декодирование HD-видео), GPU нередко решает с минимальной нагрузкой, порядка нескольких процентов. Это, конечно, особенно важно для мобильных систем.

Ситуация же с самими браузерами достаточно ясна. Аппаратное ускорение дает последним версиям Chrome, Firefox и Internet Explorer ощутимое преимущество. На платформе Windows производительность этих браузеров существенно подровнялась, хотя у Chrome часть возможностей еще находится в экспериментальном состоянии. Дополнительными плюсами в пользу Chrome и Firefox являются их кроссплатформенность и поддержка WebGL, хотя не следует ожидать одинаковых результатов на всех платформах. Safari, по понятным причинам, в первую очередь развивается на Mac OS X, а вот позиция Opera откровенно разочаровывает, особенно если учесть популярность этого браузера в СНГ.

Ragnarök браузера Opera, новый HTML5-парсер

С начала 2011 года разработчики Opera Software работали над новым HTML5-парсером для браузера Opera, способным обрабатывать корректно как правильные куски кода разметки страниц, так и ошибочные (которых в Интернете может набраться почти 95 %), поэтому это был важный момент при разработке парсера.

Старый парсер возможно также будет использоваться, но для совместимости и обработки HTML4-страниц.

Какие же результаты предоставляет новый HTML5-парсер для конечного пользователя?

Производительность и совместимость

Во-первых, ошибочные места в разметке страниц будут обрабатываться максимально корректно, а значит многие сайты будут отображаться правильно, например, если в странице присутствует код с неверным закрытием тегов:

<b><i>New<b><i>

Такой код обрабатывается браузерами неодинаково, так Internet Explorer 9 и Safari 5 обработают ошибку следующим образом:

<b><i>New</i></b><i></i>

В результате были добавлены новые пустые теги, увеличив тем самым структуру DOM.

Следующим образом обработают код браузеры Opera, Firefox и Chrome:

<b><i>New</i></b>

Никаких лишних и ненужных тегов. Как результат скорость обработки структуры страницы выше, работа JavaScript с поиском требуемого узла и изменениями в структуре DOM страницы также будут выше по скорости обработки.

Реализация парсера в предыдущих версиях браузера Opera постоянно изменялась и дополнялась новыми проверками (HTML-анализатор изменялся 15 лет), вскоре в коде парсера стало практически невозможно разбираться и дополнение новыми условиями вызывало только головную боль. Благодаря решению переписать парсер появилась возможность сделать тотальную очистку.

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

Потребление памяти

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

С февраля 2011 года удалось добиться следующих результатов в новом HTML5-анализаторе:

  • уменьшение потребления оперативной памяти;
  • улучшение производительности;
  • исправление ошибок и 100 % проход тестов, основанных с применением библиотеки html5lib.

Попробовать новый HTML5-парсер можно с помощью специальной версии Opera 11.50 Labs или Opera 12.00 Labs:

Стоит отметить, что Opera 11.50 Labs в данном случае присутствует без поддержки расширений для Экспресс-панели и как результат - количество доступных элементов можно изменить с помощью руководства Расширение Экспресс панели в браузере Opera.

Opera Mediaworks запускает в России сервис для создания рич-медийных баннеров в формате HTML5

Opera Mediaworks объявляет о запуске в России сервиса Mediaworks Studio – первого на российском рынке универсального конструктора, позволяющего рекламным агентствам быстро и самостоятельно создавать рич-медийные баннеры с различным функционалом на основе HTML5.

В частности, с помощью Mediaworks Studio агентства могут конструировать HTML5-баннеры с такими функциями, как click-to-call, click-to-map, click-to-download, click-to-link, in-video banner, minisite и др. Кроме того, Mediaworks Studio позволяет мерить эффективность кампании благодаря встроенному сервису аналитики. Новый сервис предельно прост в работе и позволяет создавать рич-медийный креатив за очень короткое время, после чего агентству остается лишь предоставить Opera Mediaworks специальный код для размещения готовых баннеров.

Первой кампанией, созданной на основе HTML5 на платформе Opera, стала реклама ФСК «Лидер» и объекта «Новое Тушино», нацеленная на пользователей мобильных устройств. Агентство Promo Interactive (Ogilvy&Mather Russia) создало HTML5-баннеры с возможностью перехода на целевую страницу мобильной версии сайта объекта, а также с возможностью позвонить (click-to-call) и увидеть объект недвижимости на карте (click-to-map).

«Сегодня в России наблюдается стремительный рост популярности креатива на базе HTML5 для использования в мобильных кампаниях. Возможности, которые предоставляет HTML5, позволяют рекламодателям показать мобильному пользователю продукт с разных сторон, а также по максимуму использовать мобильные возможности гаджетов в рекламе, будь то интеграция в соцсети, карты, мессенджеры, сайты и прочее. Но проблема заключалась в том, что создание креативов на базе HTML5 было довольно непростой технической задачей. С запуском сервиса Mediaworks Studio мы предоставили российскому рынку решение, с помощью которого можно легко и просто создавать рич-медийные баннеры для размещения на нашей площадке с объемами от 20 миллионов показов в неделю», – отметила директор представительства Opera Mediaworks в России Елена Пикунова.

Ваш браузер не поддерживает видео HTML5

Обычно виновником этого неудобства является Adobe Flash Player. Поскольку интернет-браузеры часто используют Adobe Flash для запуска видео в формате HTML5, рекомендуется проверить активность Flash Player.

Вот как один пользователь описал проблему на форуме Microsoft Answers:

Когда я пытаюсь воспроизвести видео HTML5 в IE9, я получаю сообщение, что Ваш браузер не поддерживает видео HTML5 .
Ни одно из видео не поддерживается, поскольку кадры видео содержат сообщения, в которых говорится:
Ваш браузер не может воспроизводить H.264 с видеоэлементом HTML5 .
Как я могу это исправить?

Нам удалось разработать серию решений, которые помогут вам запускать HTML5-видео в вашем интернет-браузере.

Как мне заставить мой браузер поддерживать HTML5?

1. Используйте другой браузер

Если у вас возникла эта проблема с вашим браузером, возможно, вам стоит подумать о переходе на новый.

Opera в значительной степени ориентирована на конфиденциальность и безопасность пользователей и предлагает те же параметры настройки и расширения, что и Chrome.

В отличие от Chrome, этот браузер намного быстрее, и у вас не возникнет проблем с видео HTML5 при его использовании. Opera поставляется с различными встроенными пакетами, отличается повышенным потреблением ресурсов и великолепным дизайном.

Кроме того, Opera поставляется со встроенным блокировщиком рекламы, так что вы можете перемещаться по Интернету, не отвлекаясь.

Opera

Воспроизводите видео легко и без ошибок. Попробуйте потрясающую функцию всплывающих окон видео в Opera прямо сейчас!

2. Установите / обновите Adobe Flash Player

  1. Нажмите кнопку «Пуск» и откройте панель управления .
  2. Разверните раскрывающийся список «Просмотр по» и выберите «Крупные значки».

  3. Щелкните Flash Player.
  4. Выберите вкладку Обновления и щелкните Проверить сейчас.

  5. Щелкните ссылку Центра загрузки проигрывателя и выберите Установить
  6. Откройте загруженный установочный файл Flash Player .
  7. Выполните действия, необходимые для установки и перезапустите браузер .

3. Отключить надстройки

  1. Щелкните значок «Три точки» в правом верхнем углу.
  2. Выберите Дополнительные инструменты и выберите Расширения.

  3. Найдите добавочный номер , который нужно заблокировать .
  4. Щелкните тумблер рядом с ним. Если он станет серым, это означает, что вы его отключили.

4. Добавьте плагины для поддержки вашего браузера

  1. Загрузите подключаемый модуль Windows Media Player .
  2. Установите плагин.
  3. Перезапустите браузер и попробуйте загрузить видео в формате HTML5.

5. Измените ссылку на видео

  1. Измените watch? = V на embed / во вкладке ссылок.
  2. Например:
    • https://www.youtube.com/watch?v=
      to
    • https://www.youtube.com/embed/

Мы надеемся, что наши решения оказались полезными, когда дело доходит до решения проблемы, связанной с тем, что Ваш браузер не поддерживает видео в формате HTML5.Оставьте комментарий в разделе ниже, если это сработало для вас.

По-прежнему возникают проблемы? Исправьте их с помощью этого инструмента:
  1. Загрузите этот PC Repair Tool с рейтингом «Отлично» на TrustPilot.com (загрузка начинается с этой страницы).
  2. Нажмите Начать сканирование , чтобы найти проблемы Windows, которые могут вызывать проблемы с ПК.
  3. Нажмите Восстановить все , чтобы исправить проблемы с запатентованными технологиями (эксклюзивная скидка для наших читателей).
Restoro загрузили 0 читателей в этом месяце.

Познакомьтесь с HTML5! - Dev.Opera

Крис Миллс

Введение

Большая часть учебных программ по веб-стандартам основана на последней стабильной версии HTML - HTML 4.01. Спецификация HTML 4.01 была завершена в 1999 году, более 10 лет назад на момент написания этой статьи! Но если вы не прятались под камнем в течение последнего года или около того, вам будет хорошо известно, что в разработке находится новая версия HTML - HTML5!

Итак, почему мы учим вас HTML 4.01 несмотря на это? В этой статье мы ответим на этот и многие другие вопросы. Мы дадим вам необходимую информацию о том, почему появился HTML5 и где он находится до сих пор. Мы посоветуем вам, как он может вписаться в ваше обучение прямо сейчас, даже если вы начинающий веб-дизайнер или разработчик, и рассмотрим некоторые из основных функций HTML5, чтобы вы могли увидеть, что он добавляет к уже существующим. мощный язык HTML.

Почему HTML5?

Когда HTML 4 приближался к завершению, W3C решил (на семинаре, проведенном в 1998 году), что с точки зрения языков разметки будущее Интернета - это XML и XHTML, а не HTML (сравнение XHTML и HTML).Таким образом, W3C провел черту под HTML 4.01 и вместо этого сосредоточился на спецификации XHTML 1.0, завершенной в начале 2000 года. XHTML 1.0 - это то же самое, что и HTML 4.01, за исключением того, что он использует правила синтаксиса разметки XML. Вскоре последовал XHTML 2.0, который добавил кучу новых мощных функций и mime-тип только для XML, и был нацелен на то, чтобы стать следующим большим событием в Интернете.

Проблема с XHTML 2.0 заключается в том, что он не был обратно совместим с разметкой, уже существующей в Интернете - элементы работали по-другому, mimetype XHTML ( application / xhtml + xml ) вообще не работал в IE, который все еще имеет На момент написания этой статьи на рынке браузеров преобладала доля рынка, доступные инструменты разработчика не были готовы к работе с XML, и это не совсем отражало то, что веб-разработчики ДЕЙСТВИТЕЛЬНО делали в дикой паутине.

В 2004 году группа единомышленников разработчиков и разработчиков (включая представителей Opera, Mozilla и немного позже Apple) собралась и сформировала отколовшуюся группу спецификаций под названием WHATWG с целью написания более качественной спецификации разметки HTML, которая может справиться с созданием веб-приложений нового поколения без нарушения обратной совместимости, что особенно важно.

Результатом стала спецификация Web Applications 1.0, в которой были задокументированы существующие возможности взаимодействия и поведение браузеров, а также новые функции для Web-стека, такие как API и новые правила синтаксического анализа DOM.После многочисленных дискуссий между членами W3C 7 марта 2007 года работа над HTML была возобновлена ​​новой рабочей группой HTML в процессе открытого участия. В первые несколько дней к нам присоединились сотни участников, чтобы продолжить работу над следующей версией HTML. Одним из первых решений рабочей группы HTML было принять спецификацию Web Applications 1.0 и назвать ее HTML5.

HTML5 - действительно хорошая вещь для веб-разработчиков и дизайнеров, потому что это:

  • В основном обратно совместим с тем, что уже есть - вам не нужно изучать совершенно новые языки, чтобы использовать HTML5.Новые функции разметки работают так же, как и старые (хотя семантика некоторых элементов была изменена - мы рассмотрим эти различия в следующей статье), а новые API-интерфейсы основаны в основном на том же JavaScript / DOM, что и разработчики. программируют в течение многих лет.
  • Добавляет в HTML новые мощные функции, которые раньше были доступны только в Интернете с использованием таких технологий, как Flash, или с помощью сложного JavaScript и хаков. Проверка формы и видео являются яркими примерами.
  • Лучше подходит для написания динамических приложений, чем предыдущие версии HTML (изначально HTML был разработан для создания статических документов).
  • Имеет четко определенный алгоритм синтаксического анализа, так что все браузеры, реализующие HTML5, будут создавать одну и ту же модель DOM из одной и той же разметки, независимо от ее действительности. Это огромная победа для взаимодействия.

Что для меня значит HTML5?

Для начала давайте ответим на вопрос, который вы крутили в голове с тех пор, как начали читать эту статью - , почему мы преподаем вам большую часть учебной программы по веб-стандартам с использованием HTML 4.01, если HTML5 не за горами? Прежде всего, когда WSC был впервые опубликован в 2008 году, HTML5 был гораздо более изменчивым, чем сейчас, и мы не хотели учить вас чему-то, что, вероятно, будет изменено позже.

Во-вторых, что более важно, HTML5 имеет обратную совместимость - с практической точки зрения это означает, что все содержимое HTML 4.01 - это , а также HTML5 . Итак, изучая HTML 4.01, вы также изучаете большой кусок HTML5. Эта и другие статьи в этом разделе направлены на то, чтобы восполнить пробелы в ваших знаниях, обучая вас дополнительным элементам, которые HTML5 накладывает поверх HTML 4.01, например, дополнительные семантические элементы и новые API-интерфейсы, которые позволяют управлять воспроизведением видео и рисовать изображения на холсте. В конце статьи я дам вам множество ссылок на дополнительную информацию о таких функциях.

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

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

Функции HTML5

HTML5 содержит множество новых функций, которые делают HTML более мощным и подходящим для создания веб-приложений. В приведенном ниже списке я обобщил основные из них, о которых вам действительно стоит знать.

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

  • Новые семантические элементы : Как вы уже знаете, семантика очень важна в HTML - мы всегда должны использовать соответствующий элемент для работы. В HTML 4.01 у нас есть проблема - да, есть много элементов для определения конкретных средств, таких как таблицы, списки, заголовки и т. Д., Но есть также много общих функций веб-страниц, которые не имеют элементов для их определения. Подумайте о верхних и нижних колонтитулах, меню навигации и т. Д. - до сих пор мы определяли их с помощью

    , который мы можем понять, но машины не могут, плюс разные веб-разработчики будут использовать разные идентификаторы и классы.К счастью, HTML5 поставляется с новыми семантическими элементами, такими как
  • Новые функции формы : HTML 4.01 уже позволяет нам создавать удобные и доступные веб-формы, но некоторые общие функции форм более сложны, чем должны быть, и требуют взлома для реализации.HTML5 предоставляет стандартизированный и простой способ реализации таких функций, как выбор даты, ползунки и проверка на стороне клиента. Формы HTML5 подробно описаны в статье Новые возможности форм в HTML5.

  • Собственное видео и аудио : В течение многих лет видео и аудио в Интернете создавались с использованием Flash, вообще говоря. Фактически, причина, по которой Flash стал настолько популярным на заре 21-го века, заключается в том, что открытые стандарты не смогли обеспечить кроссбраузерный механизм для реализации таких вещей, при этом разные браузеры реализуют разные конкурирующие способы делать одно и то же (например, < object> и ), что значительно усложняет весь процесс.Flash предоставил высококачественный и простой способ сделать видео кроссбраузерным.

    HTML5 включает элементы и для очень простой реализации собственных видео- и аудиоплееров с использованием только открытых стандартов, а также включает API, позволяющий легко реализовать настраиваемые элементы управления проигрывателем. На dev.opera.com есть много статей, посвященных видео и аудио HTML5, но лучше всего начать с вступительной статьи Брюса Лоусона и Пэта Лаука «Введение в видео HTML5».Также стоит попробовать более доступный видеоплеер HTML5.

  • API рисования холста : элемент и связанный с ним API позволяют определять область страницы для рисования и использовать команды JavaScript для рисования линий, фигур и текста, импорта и управления графикой и видео, экспорт в различные форматы изображений и многое другое. Чтобы узнать больше о холсте HTML5, начните с холста HTML5 - основы от Михая Сукана.

  • Веб-сокеты : этот API (определенный в спецификации веб-сокетов, отдельно от спецификации HTML5) позволяет открывать непрерывное соединение между сервером и клиентом на определенном порту и отправлять данные в обоих направлениях, пока порт не будет закрыто. Это значительно повышает эффективность веб-приложений, поскольку данные могут непрерывно и точно обмениваться между клиентом и сервером без постоянной перезагрузки страницы и без необходимости постоянно опрашивать сервер, чтобы узнать, доступны ли обновления.Знакомство с веб-сокетами станет для вас хорошим началом.

  • Автономные веб-приложения : HTML5 предоставляет ряд функций, позволяющих веб-приложениям работать в автономном режиме. Кеши приложений позволяют сохранять копии всех ресурсов и других файлов, необходимых для локального запуска веб-приложений, а базы данных Web SQL позволяют сохранять локальную копию данных веб-приложения. Вместе они позволяют продолжать использовать приложение, когда оно переходит в автономный режим, а затем синхронизировать изменения с основной версией на сервере, когда сеть снова становится доступной.

  • Веб-хранилище : файлы cookie позволяют нам в определенной степени хранить локальные данные, но их использование довольно ограничено. HTML5 Web Storage позволяет нам хранить намного больше данных и делать с ними гораздо больше. Прочтите веб-хранилище: более простое и мощное хранилище данных на стороне клиента от Shwetank Dixit для получения дополнительной информации.

  • Веб-работники : Обычная проблема, с которой сталкиваются веб-приложения, заключается в том, что их производительность страдает, когда требуется большая обработка данных, из-за того, что все происходит в одном потоке / процессе (только одна загрузка обработки может произойти в однажды).Веб-воркеры смягчают эту проблему, позволяя нам создавать фоновые процессы, чтобы позаботиться о некоторых вычислениях, позволяя основному процессу заниматься другими делами. Чтобы узнать больше о веб-воркерах, перейдите на страницу Дэниела Дэвиса «Веб-воркеры восстанут!».

  • Геолокация : Спецификация геолокации (опять же, не часть спецификации HTML5) определяет API, который позволяет веб-приложению легко получать доступ к любым данным о местоположении, которые стали доступны, например, с помощью возможностей GPS устройства.Это позволяет вам добавлять в ваши приложения всевозможные полезные функции с учетом местоположения, например, выделять контент, который более актуален для вашего местоположения. Для базового введения прочтите Как использовать API геолокации W3C.

Примечание. CSS3 ОПРЕДЕЛЕННО НЕ является частью HTML5 и никогда не будет им. Не позволяйте вашему отделу маркетинга говорить вам об обратном.

Сводка

На этом мы закончим краткое введение в HTML5.Я надеюсь, что вы нашли это полезным и продолжите читать другие статьи о HTML5, упомянутые выше.

Крис Миллс (Chris Mills) - веб-технолог, проповедник открытых стандартов и образовательный агитатор, в настоящее время работает в Opera Software в группе по связям с разработчиками. Он тратит большую часть своего времени на написание статей о веб-стандартах для dev.opera.com и других публикаций (таких как .net mag и A List Apart), выступает с докладами в университетах и ​​отраслевых конференциях и лоббирует университеты с целью улучшения их курсов веб-образования.Он считает, что образование - это ответ на все вопросы, но, в частности, он увлечен использованием образования для улучшения общего качества контента, доступности, удобства использования и жизнеспособности Интернета в будущем.

Он является создателем учебной программы по веб-стандартам Opera, участником проекта WaSP InterACT и соавтором книги InterACT с веб-стандартами: целостный подход к веб-дизайну. В августе 2011 года он также принял должность сопредседателя недавно созданной группы сообщества веб-образования.

Вне работы он барабанщик хэви-метала, гордый отец троих детей и любитель хорошего пива.


Эта статья находится под лицензией Creative Commons Attribution 3.0 Unported.

Платформа Roamio

TiVo получает поддержку Opera SDK, предоставляя веб-приложения HTML5 для видеорегистраторов TiVo - TechCrunch

Совершенно новая платформа

TiVo Roamio вот-вот станет намного удобнее благодаря внедрению Opera's Devices SDK и добавлению Opera TV Store, средства, с помощью которого разработчики могут предлагать веб-приложения HTML5 владельцам устройств TiVo.Новое партнерство также предоставит разработчикам SDK для создания приложений для TiVo для магазина приложений, который провайдер дополнительных услуг планирует запустить в конце этого года.

Платформа

TiVo Roamio была запущена только на прошлой неделе с помощью нового семейства аппаратных устройств DVR, которые значительно улучшают объем записываемого контента, и скоро появится новая функция, которая позволяет осуществлять потоковую передачу живого и записанного контента даже вне дома. благодаря новой функции, которая будет представлена ​​в обновлении (отсюда и каламбур «блуждания»).

Хотя большая часть обновления была сосредоточена на аппаратном обеспечении - добавление большего количества тюнеров и большего объема памяти для улучшения работы основного DVR - TiVo также улучшил несколько встроенных приложений, сделав их более быстрыми и отзывчивыми. По словам вице-президента TiVo по маркетингу продуктов Джима Денни, некоторые из этих улучшений связаны с переходом на браузер Opera для этих приложений. В частности, приложения Netflix и YouTube, которые созданы на основе Opera, открываются и используются намного быстрее.

Устройства Roamio уже предлагают доступ к некоторым предустановленным приложениям, включая Netflix, Hulu Plus, Pandora, Spotify и другие, а также объединяет контент из всех вышеперечисленных в дополнение к кабельным службам, когда вы ищете шоу.Внедрение магазина Opera TV, которое TiVo планирует развернуть в начале следующего года, принесет в службу целый каталог новых приложений на основе HTML5, что значительно расширит тип контента на основе приложений, к которому пользователи имеют доступ.

Opera TV Store уже доступен на миллионах устройств, а Opera Devices SDK появился на более чем 25 миллионах подключенных телевизоров только в 2012 году. Это означает, что клиенты TiVo получат доступ к платформе, которая уже созрела, когда Opera Store начнет работать на их устройствах; Вам не придется ждать, пока новый магазин будет открыт и будет курировать, как это было бы, если бы TiVo начинала с нуля.

TiVo также утверждает, что партнерство поможет ей быстрее внедрить новое и улучшенное предварительно загруженное программное обеспечение для своих цифровых видеорегистраторов, поскольку Opera стала ключевым партнером для крупных брендов и поставщиков услуг, которые переходят на HTML5, чтобы получить больше присутствия на подключенных домашних развлекательных платформах.

Доступ к контенту Opera TV Store - это большое добавление стоимости, которое должно помочь TiVo's Roamio выглядеть более привлекательно для пользователей, которые в противном случае могли бы подумать, что устройство Roku или Apple TV может соответствовать их потребностям.И если TiVo и другие подозревают, что Apple готовится к новому набегу на гостиную, о чем недавно ходил слух не кто иной, как наш собственный участник MG Siegler, создание максимально полнофункционального предложения определенно объясняет толчок к созданию. программная экосистема.

Производительность HTML5 и CSS3

- Chrome 27, Firefox 22, IE10 и Opera Next, протестировано

Производительность HTML5 и CSS3

HTML5

WebXPRT 2013 от Principled Technologies теперь не находится в стадии предварительного просмотра для потребителей и официально запущен.Этот тест HTML5 основан на сценарии веб-приложений для повышения производительности. Тесты включают в себя фотоэффекты и обнаружение лиц для представления общих задач редактора изображений, панель управления акциями с таблицами и диаграммами и приложение для автономных заметок.

Добавьте еще одну победу к счету Firefox, хотя Chrome так близок, что у Mozilla почти ничья. IE10 и Opera Next занимают отдаленные третье и четвертое места (соответственно), а Opera 12 далеко отстает от остальных на последнем месте.Опять же, Opera Next, похоже, ведет норвежский браузер в правильном направлении, выставив почти вдвое больше очков Opera 12.

Этот тест представляет собой демонстрацию игры Impact HTML5, поэтому он должен быть довольно показательным для обычного 2D HTML5. на основе названий.

IE10 показал себя разочаровывающим, получив наивысший балл в Impact и обогнав Chrome всего на 1100 баллов. Firefox занимает третье место с дуэтом Opera. Затем снова отодвигает текущую версию Opera, хотя и не так сильно, как в ориентированной на производительность WebXPRT.

CSS3

Также к WBGP возвращается тест CSS. KaizouMark - это современный тест CSS3, который возвращает отдельные результаты для пяти тестов. Верхний набор столбцов представляет собой сумму пяти оценок KaizouMark по принципу «чем выше, тем лучше», а остальные столбцы содержат результаты отдельных тестов.

Chrome лидирует, а IE10 занимает второе место. Firefox 22 занимает третье место, Opera Next - четвертое, а Opera 12 не отстает от пятого.

HTML5 / CSS3 Composite Score

Наша комбинированная оценка HTML5 / CSS3 состоит из всех трех тестов на этой странице.

Chrome 27 едва ли опережает занявшего второе место Mozilla Firefox, а IE10 замыкает третье место. На четвертом месте идет Opera Next. Opera 12 опускается на дно с результатом примерно вдвое меньше, чем у Chrome или Firefox.

Singapore Broadcaster представляет рекламные форматы HTML5; Opera Ad Biz больше не привлекает клиентов в Китае

В этом еженедельном сегменте ExchangeWire подводит итоги основных отраслевых новостей о рекламных технологиях со всего Азиатско-Тихоокеанского региона, а в этом выпуске: сингапурская телевещательная компания представляет форматы рекламы HTML5; Рекламный бизнес Opera больше не готов к приобретению в Китае; Dentsu приобретает тайваньское поисковое агентство; Грей покупает китайское агентство социального маркетинга; Data2Decisions открывает офис в Японии; и Carat назначает генерального директора Малайзии.

Сингапурская вещательная компания представляет рекламные форматы HTML5

Сингапурская национальная вещательная компания MediaCorp стала партнером Sizmek для развертывания рекламных форматов на основе HTML5 на своих веб-сайтах и ​​мобильных платформах. К ним относятся Channel NewsAsia, Elle, Toggle и TodayOnline.

Рекламные блоки включают в себя расширяемые баннеры, адаптивную мобильную рекламу, объявления с портретами, которые могут включать фотогалереи, видео и текст в одном кадре, а также форму 3D Cube Flip, которая позволяет рекламодателям размещать информацию о продуктах и ​​видео.Эти форматы были созданы с помощью инструмента разработки Sizmek, Ad Builder для HTML5, сообщила компания, занимающаяся рекламными технологиями.

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

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

Джои Чи, региональный директор Sizmek в Юго-Восточной Азии, отметил: «Издатели стремятся повысить уровень взаимодействия и задержек, сделав рекламу более актуальной и привлекательной, а также напрямую взаимодействуя с пользователями, предлагая выдающиеся креативы.

Вице-президент MediaCorp по решениям и операциям в области цифровых продаж, Родни Тэй, добавил, что он продолжит работу с поставщиками рекламных технологий, чтобы улучшить качество цифровых технологий для своих рекламодателей.

Рекламный бизнес Opera больше не подлежит приобретению в Китае

Заявка на поглощение Opera Software за 1,2 млрд долларов (909,78 млн фунтов стерлингов) потерпела неудачу после того, как китайские покупатели не смогли вовремя получить разрешение регулирующих органов для закрытия сделки.

Консорциум китайских интернет-компаний Kunqi вместо этого предложил альтернативную сделку, которая оставила бы рекламный бизнес Opera нетронутым и выручила бы 600 миллионов долларов США (454 фунта стерлингов.9м) стоимость товаров и услуг. Китайская группа включала в себя дистрибьютора онлайн-игр и мобильных игр Kunlun Tech, а также поставщика услуг по поисковой и кибербезопасности Qihoo 360 Technology, который теперь будет покупать части потребительского бизнеса Opera, сообщает Reuters.

Заявка на поглощение, как сообщается, не получила одобрения со стороны регулирующих органов США и Китая по соображениям конфиденциальности пользователей; и процесс задержал бы приобретение до года, если бы власти инициировали расследование некоторых продуктов Opera.

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

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

Dentsu приобретает тайваньское поисковое агентство

Dentsu Aegis Network заявляет, что выкупила тайваньское агентство цифрового поиска и повышения эффективности WIS Performance Media.

После приобретения WIS будет включен в состав iProspect Dentsu и будет переименован в iProspect WIS на Тайване. Этот шаг был разрекламирован, чтобы усилить присутствие Dentsu в местной индустрии цифровых медиа.

WIS, основанная в 2005 году, является партнером Google в области аналитики и перепродает услуги поискового маркетинга малым и средним предприятиям.Его основатель и генеральный менеджер Саймон Ву присоединится к руководящей команде iProspect WIS, где он будет курировать развитие клиентов и руководить бизнес-стратегией и планированием. Он будет подчиняться управляющему директору iProspect Кэрри Цай.

Ву сказал: «За последнее десятилетие WIS превратилась в компанию с прочной основой и репутацией на Тайване, и мы хотим вывести ее на мировую арену. Возможность для WIS объединить усилия с iProspect Taiwan пришлась как нельзя кстати, и мы очень рады быть частью глобальной сети, располагающей ресурсами, передовыми инструментами и передовыми отраслевыми практиками для масштабирования нашей деятельности на международном уровне.

Генеральный директор Dentsu Aegis Network в Азиатско-Тихоокеанском регионе Ник Уотерс добавил: «Сочетание WIS и iProspect создает явного лидера на рынке поисковых и информационных средств массовой информации на Тайване. В дополнение к нашим лидирующим позициям в СМИ, цифровом маркетинге и рекламе, все в рамках единой сплоченной структуры управления, мы можем предложить клиентам на Тайване лучшие в своем классе интегрированные услуги для предоставления правильных коммуникационных решений для брендов ».

Gray покупает китайское агентство социального маркетинга

Gray Group приобрела контрольный пакет акций шанхайского агентства социального маркетинга Easycom Group.

Агентство WPP заявило, что это приобретение соответствует инвестициям компании группы в ключевые рынки и позволит расширить ее возможности в области контента и технологий. Он добавил, что в прошлом году доходы группы от цифровых технологий принесли 7 млрд долларов США (5,31 млрд фунтов стерлингов), что составляет 37% от общей выручки. Целью было довести этот процент до 40-45% в течение следующих пяти лет.

Компании WPP в Большом Китае имеют выручку 1,6 млрд долларов США (1,21 млрд фунтов стерлингов) и имеют 14 000 сотрудников.

Компания Easycom, основанная в 2006 году, специализируется на управлении ключевыми лидерами мнений, создании социального контента, активации событий из социальных сетей в офлайн и управлении отношениями со СМИ.Его неаудированная выручка за 2015 год составила 40,6 млн юаней (4,6 млн фунтов стерлингов).

Data2Decisions открывает офис в Японии

Дочерняя компания Dentsu Aegis Network открыла новый офис в Токио, добавив новое подразделение к своей азиатско-тихоокеанской сети, которая в настоящее время включает Сингапур и Австралию.

Под руководством управляющего партнера Хирофуми Хамагути создание в Японии помогло компании лучше поддерживать маркетинговые усилия своих клиентов в глобальном масштабе.

Глобальный директор по доходам Data2Decisions Майк Ларкин сказал: «Токио является ключевым центром маркетинга для многих местных и глобальных брендов.Эти компании все чаще ищут партнеров по анализу данных, которые предлагают согласованный в глобальном масштабе подход, реализуемый командой местных экспертов. Запуск Data2Decisions в Японии расширит наши возможности по предоставлению этого клиентам ».

До своего назначения Хамагучи проработал в Dentsu более 13 лет. Подчеркивая необходимость последовательной аналитики, он сказал: «Клиенты сталкиваются с возрастающей сложностью в развертывании своих глобальных маркетинговых бюджетов. Являясь частью глобальной сети Data2Decisions, мы с нетерпением ждем возможности решить эту проблему как для местных, так и для глобальных клиентов, чтобы повысить их рентабельность инвестиций и стимулировать рост.

Лоррейн Капел, генеральный директор, Carat Malaysia

Carat назначает генерального директора Малайзии

В другом сообщении, связанном с Dentsu, Carat сообщает, что наняла Лоррейн Капел в качестве нового генерального директора своего офиса в Малайзии, с которого она начнет свою деятельность. роль с октября 2016 года.

Капел ранее была руководителем отдела интеграции в Astro, до этого она проработала 11 лет в GroupM Malaysia, где она занимала несколько руководящих должностей, в том числе в качестве управляющего директора Maxus Malaysia.

В качестве генерального директора Carat Malaysia она будет отвечать за местные операции и руководить стратегическим планированием и управлением. Она будет подчиняться генеральному директору Dentsu Aegis Network Malaysia Ники Лиму, а также присоединится к команде исполнительного комитета группы.

Omnicom получил нового генерального директора ANZ

Питер Хорган был назначен новым генеральным директором Omnicom Media Group (OMD) в регионе Австралии и Новой Зеландии, заменив Ли Терри, который ушел с этой должности.

В прошлом генеральный директор OMD в Австралии, Хорган теперь будет отвечать за активы группы в ANZ во всех брендах, включая PHD, M2M, Foundation, Dynamo и Accuen.Он будет подчиняться генеральному директору OMD в Азиатско-Тихоокеанском регионе Чуку Чангу.

Терри покинул пост OMD и присоединился к IPG Mediabrands, взяв на себя роль генерального директора Азиатско-Тихоокеанского региона.

Chrome, Opera, IE, Firefox или Safari: какой браузер лучше всего соответствует HTML5?

11 лет назад новости об этом HTML5 стали значительным событием, учитывая, что HTML4 был завершен в 1997 году. Теперь, после периода тщательного анализа, комитет W3C «решил, что пора прекратить возиться со спецификацией HTML 5.0 и двигаться дальше. в HTML 5.1 »по данным InfoWorld.

Но пока W3C проводил обзор, мир действовал, и количество веб-сайтов, использующих HTML5, росло с каждым днем. В результате браузеры предлагают поддержку все большего числа функций HTML5 с каждым выпуском обзора стандарта HTML5 от W3C.

Задайте вопрос на кончике языка: какой браузер лучше? Указывая на HTML5Test.com, который использует автоматизированный контрольный список, чтобы свести «все стандарты [каждого браузера] к одному числу (от 0 до 555)», InfoWorld сравнивает оценки Chrome, Safari, Firefox, Internet Explorer, и Opera.Более высокий балл указывает на соответствие стандарту HTML5; более низкий балл означает, что работа еще предстоит.

Вот как они противостоят друг другу: Google Chrome занимает первое место с 523 баллами из 555 возможных; Opera занимает второе место с 519 очками; Mozilla Firefox занимает третье место с 449 очками; Apple Safari получает 396 баллов за четвертое место; а Internet Explorer удерживает последнее место с 348 баллами.

Прежде чем вы начнете переходить на Chrome или отказываться от Internet Explorer (в любом случае, Microsoft уже победила вас), важно понять, что этот тест далек от совершенства.В качестве автоматического теста HTML5Test.com «проверяет только, поддерживается ли функция ... [и] не может сказать, реализована ли функция правильно, элегантно или без ужасных ошибок». Более того, в каждом браузере в списке отсутствуют по крайней мере некоторые функции HTML5, и «некоторые из них [будут] иметь большое значение для работы любого пользователя [в настоящее время]».

Еще одна вещь, на которую следует обратить внимание: политика браузера. Многие различия в совместимости между протестированными браузерами указывают на «скрытые за кулисами глубокие политические и финансовые баталии».«Например, кодеки, такие как MPEG-4, WebM и Ogg Theora video, оспариваются между создателями каждого браузера - где« Firefox и Chrome поддерживают WebM и Ogg Theora ... [они не поддерживают] MPEG-4 ».

Есть и другие функции, такие как Web Storage и Web Workers, которые более привлекательны и будут иметь значительное влияние на взаимодействие с пользователем, но не включены в документ HTML5. Таким образом, эти функции, поддерживаемые некоторыми браузерами, не принимаются во внимание в приведенном выше автоматизированном тесте.

Однако если вы дойдете немного дальше, каждая оценка действительно даст вам «хорошее представление о корпоративных приоритетах». Chrome имеет «отличную поддержку полнофункциональных веб-сайтов, похожих на приложения, которые предоставляет Google ... [в то время как Apple], похоже, не так заинтересована в поддержке игрового поведения в [Safari] ... возможно, потому, что он зарабатывает так много денег на в App Store и не хочет его подрывать ».

Итог: оценка браузера не отражает качество каждой реализованной функции.Однако HTML5Test дает хороший барометр того, что должно произойти; в этом смысле каждая оценка говорит «больше о будущем [Интернета], чем о настоящем». И будущее всегда открыто.


Какой лучший браузер для доступного видео в формате HTML5?

11 сентября 2015 г. ЭМИЛИ ГРИФФИН
Обновлено: 3 июня 2019 г.

С момента его завершения в октябре 2014 г. HTML5 изменил способ обслуживания мультимедийных материалов в Интернете. Новый тег позволяет веб-разработчикам добавлять видео на веб-сайты без использования плагинов.Flash, который был доминирующим видеоплагином в ранней сети, быстро теряет популярность, в основном из-за истощения ресурсов, плохого взаимодействия с пользователем и отсутствия специальных возможностей.

Некоторые веб-браузеры догоняют поддержку HTML5. Согласно HTML5test.com, Chrome и Opera опережают остальных по общей совместимости с HTML5. На втором месте идет Firefox, на третьем - IE и Safari. Конечно, это положение может измениться в любое время по мере того, как браузеры выпускают исправления ошибок, патчи и новые версии.

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

Какие функции необходимы, чтобы сделать видео HTML5 доступным?

Функции, которые делают видео HTML5 более доступными для людей с ограниченными слухом, зрением или ловкостью, включают:

  • Клавиатурные элементы управления для навигации по видео без использования мыши
  • Четкая маркировка элементов и элементов управления, чтобы их можно было прочитать программа чтения с экрана
  • Сильный цветовой контраст текста на заднем плане для удобочитаемости зрителями с плохим зрением или дальтонизмом
  • Скрытые субтитры, которые отражают речь и основные звуковые эффекты для пользователей, которые не слышат звук
  • Описание звука в виде текстовой дорожки который описывает ключевые визуальные элементы в видео и может быть прочитан вслух с помощью программы чтения с экрана.
. Чтобы ознакомиться с учебным курсом по добавлению подписей и субтитров к видео HTML5, посетите нашу страницу с практическими рекомендациями по HTML5.

Примечание: в настоящее время ни один веб-браузер не поддерживает аудиоописание в виде аудиодорожки в HTML5. Тем не менее, фреймворк доступен для поддержки в будущих версиях.

Какой интернет-браузер лучше всего поддерживает видеопроигрыватели HTML5?

Вот подробное описание, в значительной степени благодаря специалисту UW Tech Accessibility Террилу Томпсону за его подробное сообщение в блоге по этой теме.

Internet Explorer

Самым мощным браузером для поддержки специальных возможностей HTML5 является Internet Explorer (IE) версии 10.IE поддерживает скрытые субтитры, принимая форматы субтитров WebVTT или TTML.

Браузер предлагает навигацию по вкладкам элементов управления проигрывателем даже в полноэкранном режиме и имеет четкие описательные метки.

Самое интересное?

IE позволяет регулировать скорость воспроизведения, поэтому вы можете воспроизводить видео быстрее или медленнее, чем в реальном времени. Просто щелкните видео правой кнопкой мыши и выберите Play Speed ​​. Этот бонус отлично подходит для обычного зрителя и особенно полезен для людей с ограниченными возможностями обучения, когнитивными нарушениями или для тех, кто просто не является носителем языка, на котором изображено видео.

Google Chrome

Chrome добился большого прогресса, но все еще имеет некоторые проблемы с доступностью:

Некоторые функции неудобны для доступа с клавиатуры.

Требуется подключаемый модуль (ChromeVox) для доступа с помощью программы чтения с экрана.

Chrome ответил на жалобы пользователей на ошибки скрытых субтитров. Например, символ «CC» не будет отображаться на панели управления, если вы не укажете «по умолчанию» в дорожке с субтитрами. С тех пор Chrome исправил эту ошибку.

Mozilla Firefox

Firefox имеет некоторые преимущества и некоторые недостатки для доступности медиаплеера.Почти все элементы управления плеером в Firefox доступны с клавиатуры (исключение: полноэкранный режим).

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *