к библиотеке   к мультимедиа технологиям   Эволюция глобальной сети Интернет   технологии программирования

Мультимедийные технологии в HTML5

  1. Некоторые интересные возможности HTML5
  2. Немного о HTML4
  3. Особенности HTML5
  4. Преимущества HTML5
  5. HTML5 на практике
  6. Недостатки HTML5
  7. Отличия от HTML5 от HTML4
  8. javascript-фреймворки, поддерживаемые HTML5

 HTML5 – это пятая и новая, на сегодняшний день, версия HTML стандарта и языка разметки. Главная цель данного стандарта — улучшение языка разметки, для работы с новыми мультимедийными элементами и приложениями. Также в HTML5 сохраняется удобная читаемость программ для человека и обработки для web-браузеров. HTML5 поддерживает часть тэгов HTML4 и язык JavaScript.

Некоторые интересные возможности HTML5

Немного о HTML4

Для того чтобы в предыдущей версии HTML (HTML 4), вывести на web-страницу видео или аудио нужно было использовать какой-либо сторонний плагин, который встраивался в HTML код с помощью специальных тэгов. В HTML 4 возможно использовать три различных элемента для встраивания мультимедиа.

• <applet>
• <embed>
• <object>

 Например, мультимедийными плагинами могут служить следующие элементы:

 Поэтому, часто для того чтобы пользователь мог увидеть мультимедийный видео файл на каком-то сайте, ему необходимо установить дополнительный плагин, что не всегда очень удобно так как требует дополнительного времени, а порой и знаний. Наиболее распространенный и повсеместно используемый плагин, на сегодняшний день – это Flash player. У Flash плеера есть один небольшой недостаток — он иногда притормаживает работу браузера.

Особенности HTML5

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

Преимущества HTML5

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

• Предполагается, что скорость работы значительно быстрее, так как все задачи выполняются на уровне браузера и не задействуются внешние элементы — плагины.

 Кстати HTML5 все еще находится в стадии разработки. Но уже на сегодняшний день его частично поддерживают все современные браузеры новых версий, такие как — Internet Explorer, Opera, Firefox, Chrome, Safari.

HTML5 на практике

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

1. Сначала создадим файл, например html5video.html

2. Поместим в этот файл следующие строчки языка HTML5:

<html>
<body><center>
<p>HTML5 Видео пример</p>
<video src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" width="640" height="360" controls="controls"></video>
</body>
</html>

 Теперь я помещаю этот файл на свой web-сервер, а вы можете разместить на своем, если он у вас есть. Если нет, ничего страшного.  Далее вы cможете загрузить эту страницу, в вашем браузере, с сервера по адресу http://itmultimedia.ru/myexamples/html5video.html или нажав на HTML5Video. Вы должны увидеть плеер с видео файлом. Получается мы использовали HTML5 для встраивания мультимедиа файла с использованием элемента <video>, где src — это адрес до самого видео файла.

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

Да, до недавнего времени не все браузеры его поддерживали. Но сегодня его воспринимает даже консервативнейший IE. Все остальные браузеры делают это уже давно. Они не стали бы так поступать, не имея никаких предпосылок. Но дальше всех по этому пути прошел Google. Совсем недавно была выпущена 18 версия браузера Chrom, в котором добавлен новый модуль Canvas 2D, использующий самую яркую особенность HTML5 - тег canvas, позволяющий заменить флеш-технологии в интернете. Правда, это мало повлияло на внешний вид сайта Google.

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

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

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

Структурyрные возможности HTML5 делают структуру веб-документа более простой, а код чище. Новые семантические элементы header, nav, section, article, aside, и footer могут использоваться вместо контейнеров div, применяющихся сейчас в HTML4.0. Новые элементы позволяют более конкретно описывать заголовок, нижний колонтитул, колонки текста и другие. Эти нововведения могут использоваться для автоматический генерации оглавления и организации более эффективной и простой навигации по веб-странице. Код при этом становится более чистым и менее засоренным второстепенными деталями.

Неколько конкретных примеров


Пример 1
. Вместо громоздкой записи HTML4:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">, 

в HTML5 это будет выглядеть следующими образом:

<!DOCTYPE html>.


Пример 2. В HTML4 для создания заголовка необходим код:

<div id="header">

<h1>Мой блог</h1>

<p class="tagline">Здесь помещается текст</p>

</div>


В HTML5 есть специальный элемент <header>, котрый позволит записать этот же фрагмент в виде:.

<header>

<h1>Мой блог</h1>

<p class="tagline"> Здесь помещается текст </p>

</header>

Как видим, код становится проще и понятнее.

Мультимедийные возможности HTML5 делают излишним использование Adobe Flash и многих других дополнительных программ. Музыку и видео можно воспроизводить непосредственно в браузере. Более удобное размещение фотографий и изображений без использования каких-либо дополнительных программ, которые требуются для этого в HTML4.0.

Ввод данных в HTML5 становится проще и безопаснее. Правильность введения данных контролируется в режиме реального времени непосредственно во время ввода. В HTML4 проверка ошибок и сообщение о них происходит уже после отправки документа, что может создавать проблемы пользователям.

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

Например, такими:

http://www.apple.com/iphone/

http://www.nikebetterworld.com/

http://www.ultranoir.com/en/#!/blog/creative_html/web_3.0/

Графика и анимация. Новая функция Canvas позволяет размещать анимацию, графику с меняющимся контентом и небольшие игры непосредственно на веб-сайтах. При использовании HTML4 для этого требуются дополнительные программы, например, Adobe Flash. При помощи Canvas появляется возможность создания пользовательских интерфейсов и игр совершенно нового уровня.

Преимущества для конечного пользователя. С HTML5 жизнь конечного пользователя становится заметно легче:

- не требуется установка многочисленных дополнительных программ.

- HTML5, в отличие от HTML4 совместим, помимо ПК и ноутбуков, еще и с планшетами, смартфонами и современными моделями телевизоров, которые предоставляют доступ в Интернет.

- HTML5 обеспечивает единый стандарт отображения контента, независимо от типа браузера.

Недостатки HTML5

На сегодняшний день в HTML5 присутствуют минусы, из-за которых он проигрывает прежним технологиям. Имеет место некоторая уязвимость HTML5 в области защиты данных. Такую уязвимость создает больший, по сравнению с cookie стандарта HTML4, объем данных, которые сохраняются на жестком диске пользователя. Опасность заключается в том, что в больших объемах данных может содержаться более подробная информация о пользователе. Эксперты высказывают мнение, что если хранилище HTML5 остается на компьютере пользователя в течение многих месяцев, то интернет-сайты, обращаясь к нему через JavaScript после загрузки страницы, могут незаметно для пользователя собирать и передавать данные владельцу сайта.

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

Так что же с Adobe?

В течение примерно 10 лет время от времени появляется продукт, который получает название "убийца флеша", а Adobe Flash все не умирает. В случае с HTML5, который включает средства для создания и воспроизведения на интернет-странице мультимедийного содержимого, тоже стали говорить о том, что Adobe Flash вскоре отомрет за ненадобностью. Однако, слухи о скорой смерти флеша оказались преувеличенными.

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

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

Как отметил Филипп Ле Эгаре (Philippe Le Hégaret), руководитель направления компании W3C, которая разрабатывает стандарт HTML5, в ближайшие годы не получится отказаться от технологии Flash. Причиной этому он назвал то, что потребуется длительное время для перехода всех веб-клиентов к поддержке HTML5. В течение ближайшего времени технологии HTML5 и Adobe Flash будут сосуществовать.

к библиотеке   к мультимедиа технологиям   Эволюция глобальной сети Интернет   технологии программирования

Знаете ли Вы, в чем ложность понятия "физический вакуум"?

Физический вакуум - понятие релятивистской квантовой физики, под ним там понимают низшее (основное) энергетическое состояние квантованного поля, обладающее нулевыми импульсом, моментом импульса и другими квантовыми числами. Физическим вакуумом релятивистские теоретики называют полностью лишённое вещества пространство, заполненное неизмеряемым, а значит, лишь воображаемым полем. Такое состояние по мнению релятивистов не является абсолютной пустотой, но пространством, заполненным некими фантомными (виртуальными) частицами. Релятивистская квантовая теория поля утверждает, что, в согласии с принципом неопределённости Гейзенберга, в физическом вакууме постоянно рождаются и исчезают виртуальные, то есть кажущиеся (кому кажущиеся?), частицы: происходят так называемые нулевые колебания полей. Виртуальные частицы физического вакуума, а следовательно, он сам, по определению не имеют системы отсчета, так как в противном случае нарушался бы принцип относительности Эйнштейна, на котором основывается теория относительности (то есть стала бы возможной абсолютная система измерения с отсчетом от частиц физического вакуума, что в свою очередь однозначно опровергло бы принцип относительности, на котором постороена СТО). Таким образом, физический вакуум и его частицы не есть элементы физического мира, но лишь элементы теории относительности, которые существуют не в реальном мире, но лишь в релятивистских формулах, нарушая при этом принцип причинности (возникают и исчезают беспричинно), принцип объективности (виртуальные частицы можно считать в зависимсоти от желания теоретика либо существующими, либо не существующими), принцип фактической измеримости (не наблюдаемы, не имеют своей ИСО).

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

Понять абсурдность этого понятия легче всего обратившись к истокам его возникновения. Рождено оно было Полем Дираком в 1930-х, когда стало ясно, что отрицание эфира в чистом виде, как это делал великий математик, но посредственный физик Анри Пуанкаре, уже нельзя. Слишком много фактов противоречит этому.

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

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

НОВОСТИ ФОРУМА

Форум Рыцари теории эфира


Рыцари теории эфира
 10.11.2021 - 12:37: ПЕРСОНАЛИИ - Personalias -> WHO IS WHO - КТО ЕСТЬ КТО - Карим_Хайдаров.
10.11.2021 - 12:36: СОВЕСТЬ - Conscience -> РАСЧЕЛОВЕЧИВАНИЕ ЧЕЛОВЕКА. КОМУ ЭТО НАДО? - Карим_Хайдаров.
10.11.2021 - 12:36: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от д.м.н. Александра Алексеевича Редько - Карим_Хайдаров.
10.11.2021 - 12:35: ЭКОЛОГИЯ - Ecology -> Биологическая безопасность населения - Карим_Хайдаров.
10.11.2021 - 12:34: ВОЙНА, ПОЛИТИКА И НАУКА - War, Politics and Science -> Проблема государственного терроризма - Карим_Хайдаров.
10.11.2021 - 12:34: ВОЙНА, ПОЛИТИКА И НАУКА - War, Politics and Science -> ПРАВОСУДИЯ.НЕТ - Карим_Хайдаров.
10.11.2021 - 12:34: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Вадима Глогера, США - Карим_Хайдаров.
10.11.2021 - 09:18: НОВЫЕ ТЕХНОЛОГИИ - New Technologies -> Волновая генетика Петра Гаряева, 5G-контроль и управление - Карим_Хайдаров.
10.11.2021 - 09:18: ЭКОЛОГИЯ - Ecology -> ЭКОЛОГИЯ ДЛЯ ВСЕХ - Карим_Хайдаров.
10.11.2021 - 09:16: ЭКОЛОГИЯ - Ecology -> ПРОБЛЕМЫ МЕДИЦИНЫ - Карим_Хайдаров.
10.11.2021 - 09:15: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Екатерины Коваленко - Карим_Хайдаров.
10.11.2021 - 09:13: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Вильгельма Варкентина - Карим_Хайдаров.
Bourabai Research - Технологии XXI века Bourabai Research Institution