«

»

Сен 19

Распечатать Запись

Кодек H.264, технология Flash, HTML5 и WebRTC

h_264_HTML5_WebRTC_FLASH На сегодняшний день кодек H.264 является одним из самых популярных кодеков, которые используются для потоковой передачи данных в сети Интернет.

Кодек H.264

 Кодек H.264 – это стандарт сжатия видеоданных, который разрабатывался несколькими организациями, поэтому он также имеет названия AVC (Advanced Video Coding) и MPEG-4 part 10. Рассмотрим некоторые особенности кодирования и декодирования H.264.

Основные преимущества сжатия с помощью H.264:

  • Качественное сжатие.
  • Небольшой объем видео файлов.

Недостатки:

  • Требователен к мощностям кодирующего устройства.
  • Требователен к мощностям устройства воспроизведения.

h264

 Если устройство воспроизведения, например компьютер, имеет слабый процессор, то воспроизведение видео будет подергиваться или останавливаться.

Flash плеер и кодек H.264

adobe-flash-player1 H_264_4001

Adobe Flash плеер, на сегодняшний день широко используется в Интернете для:

  • Воспроизведения видео. Например, популярный сервис YouTube использует как Flash плеер, так и HTML5 video плеер. Flash плеер поддерживает воспроизведение видео, кодированного с помощью H.264 с 2007 года, с версии плеера 9.0.115.
  • Кодирования видео. Например, когда в видеочате мы захватываем изображение с веб-камеры, Flash плеером, а точнее плагином для браузера Adobe Flash Plugin, осуществляется кодирование мультимедийного потока в реальном режиме времени и  отсылка его на медиа сервер.

flash player plugin

Окно захвата камеры с помощью Flash

 Adobe Flash Plugin браузера, обычно использовал и использует видеокодек VP6, который по сравнению с H.264 менее требователен к ресурсам, но сильно уступает по качеству сжатия. Относительно недавно появилась возможность использовать еще и кодек H.264.  Flash Player 11, вышедший в 2011 году стал поддерживать кодирование видео в реальном режиме времени с помощью кодека H.264.

 Получается, появляется возможность захватывать изображение с камеры в Интернет браузере и налету кодировать его продвинутым кодеком H.264. Например, бесплатная система для проведения вебинаров BigBlueButton поддерживает захват и кодирование видео на стороне клиентов в H.264. Напомню также, что видеокодер Flash Media Live Encoder поддерживает два видеокодека: VP6 и H.264.

HTML5 или Flash

_60092071_five624 adobe-flash-player1

 HTML5 потихоньку начинает замещать Flash. Такие приложения как BigBlueButton будут переводиться на HTML5, работы ведутся уже сейчас. Развитие WebRTC и HTML5 позволят получить доступ к веб-камере и микрофону пользователя без необходимости использования дополнительных плагинов для Интернет браузера.

WebRTC

webrtc

WebRTC (англ. real-time communications — коммуникации в реальном времени) — проект с открытым исходным кодом, предназначенный для организации передачи потоковых данных между браузерами или другими поддерживающими его приложениями по технологии точка-точка.

BigBlueButton и HTML5

 Например, в планах развития клиентского приложения веб-проекта BigBlueButton предлагается сделать следующее:

  • Просмотр сессии BigBlueButton c использованием HTML5  (просмотр презентации, потоковое аудио/видео, двусторонний чат).
  • Трансляция аудио/видео с использованием HTML5 и WebRTC.
  • Поддержка всех инструментов презентации BigBlueButton в HTML5.

 Приглашаю подписаться на новости моей публичной страницы ВКонтакте, ее адрес http://vk.com/itmultimedia . Буду рад видеть Вас в своих подписчиках!

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

Всего хорошего!

Поделиться в соц. сетях

Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Постоянная ссылка на это сообщение: http://itmultimedia.ru/kodek-h-264-texnologiya-flash-html5-i-webrtc/

Комментарии:

1 комментарий

  1. poker

    Да довольно интересно написано — главное доступно, многое прояснилось.

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

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

Вы можете использовать эти теги HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>