81075

Способы графического оформления интернет-видеоэфира средствами технологии Flash и Symfony Framework

Дипломная

Информатика, кибернетика и программирование

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

Русский

2015-02-19

3.62 MB

1 чел.

Аннотация 

В данной дипломной работе исследуются способы графического оформления интернет-видеоэфира, разрабатываются модули средствами технологии Flash и Symfony Framework  для управления видеографическим оформлением и  его отображения в окне веб-плеера, установленном на сайте miem.tv и в системе организации видеоархива. Данная работа является частью проекта кафедры ИКТ “Цифровая видеостудия МИЭМ.ТВ”.

[0.1] 1.1. Актуальность

[0.2] 1.2. Цель работы

[0.3] 1.3. Задачи в рамках дипломной работы

[0.4] 1.4. Практическая значимость

[0.5] 1.5. Апробация работы

[1]
2. Общая часть

[1.1] 2.1. Состояние проблемы

[1.1.1] 2.1.1. Интерактивное видео  

[1.2] 2.2. Анализ методов и средств создания видеографического оформления

[1.2.1] 2.2.1. Анализ программных  средств оформления видеоэфира

[1.2.2] 2.2.2. Анализ видеосервисов для оформления интернет-видеоэфира

[1.2.3] 2.2.3. Оформление видеоэфира на стороне плеера

[1.2.3.1] 2.2.3.1. Технология Flash

[1.2.3.2] 2.2.3.2. Оформление эфира с помощью файлов субтитров

[1.3] 3.1. Выбор и модификация веб-плеера для отображения видеооформления

[1.4]
3.2. Установка веб-плеера на странице

[1.4.1] 3.2.1. Установка с помощью тэга <EMBED>

[1.4.2] 3.2.2. Установка c помощью библиотеки SWFObject

[1.4.3] 3.2.3. Управление плеером на странице

[1.5]
3.3. Модификация веб-плеера

[1.5.1] 3.3.1. Плагин для интерактивного голосования Voting

[1.5.1.1] 3.3.1.1. Включении и отключение

[1.5.1.2] 3.3.1.2. Установка плагина

[1.5.1.3] 3.3.1.3. Требования к внешнему файлу

[1.5.2]
3.3.2. Плагин для отображения медиаконтента Captions

[1.5.2.1] 3.3.2.1. Включение и отключение

[1.5.2.2] 3.3.2.2. Установка плагина

[1.5.2.3] 3.3.2.3. Взаимодействие с плагинами Live и Archive

[1.5.3] 3.3.3. Плагин Live для загрузки информации о медиаконтенте

[1.5.3.1] 3.3.3.1. Установка плагина

[1.5.3.2] 3.3.3.2. Требования к внешнему файлу

[1.5.4] 3.3.4. Плагин Archive для загрузки глав  медиаконтента

[1.5.4.1] 3.3.4.1. Установка плагина

[1.5.4.2] 3.3.4.2. Требования к внешнему файлу

[1.5.5] 3.4.1 Установка веб-плеера на страницу

[1.5.6] 3.4.2. Модуль для оформления прямого эфира

[1.5.7] 3.4.3. Модуль для оформления архивных видеороликов

[1.6]
3.5. Отображение медиаконтента в видеографическом оформлении

[1.6.1] 3.5.1. Плагин Captions

[1.6.2] 3.5.2. Плагин Voting

[1.6.3] 3.6.1. Интерактивные возможности пользователей

[1.6.4] 3.6.2. Управление титрами и голосованием в прямом эфире

[1.6.5] 3.6.2. Управление титрами и голосованием в системе организации видеоархивом.

[1.7] 3.7. Перспективы развития и доработки

[2]
4. Охрана труда

[2.1] 4.1. Исследование возможных опасных и вредных факторов при эксплуатации ЭВМ и их влияния на пользователей

[2.1.1] 4.1.1. Введение

[2.1.2] 4.1.2. Выводы

[2.1.3] 4.1.3. Анализ влияния опасных и вредных факторов на пользователя

[2.1.3.1] 4.1.3.1. Влияние электрического тока

[2.1.3.2] 4.1.3.2. Влияние электромагнитных излучений

[2.1.3.3] 4.1.3.3. Влияние ультрафиолетового излучения

[2.1.3.4] 4.1.3.4. Влияние статического электричества

[2.1.3.5] 4.1.3.5. Выводы

[2.2] 4.2. Методы и средства защиты пользователей от воздействия на них опасных и вредных факторов

[2.2.1] 4.2.1. Методы и средства защиты от поражения электрическим током

[2.2.2] 4.2.2. Выводы

[2.2.3] 4.2.3. Методы и средства защиты от ультрафиолетового излучения

[2.2.4] 4.2.4. Методы и средства защиты от статического электричества

[2.2.5] 4.2.5. Методы и средства защиты от электромагнитных полей низкой частоты

[2.2.6] 4.2.6. Общие рекомендации при работе с вычислительной техникой

[2.2.7] 4.2.7. Требования к помещениям и организации рабочих мест

[2.3] 4.2.8. Требования к организации работы

[2.4] 4.3. Выводы

[3]
5. Заключение

[4]
Используемая литература


1. Введение

1.1. Актуальность

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

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

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

1.2. Цель работы

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

1.3. Задачи в рамках дипломной работы

  •  Анализ существующих технологий графического оформления интернет-видеовещания.
  •  Анализ рынка и различных интернет-видеосервисов.
  •  Выбор веб-плеера и его модификация для реализации видеографического оформления.
  •  Разработка модулей для системы организации видеоархива и систему прямого вещания miem.tv средствами Symfony Framework, которые управляют видеографическим оформлением.

1.4. Практическая значимость

Практическая значимость проделанной работы заключается в том, что в проекте МИЭМ.ТВ появляются новые видеосервисы, что способствует привлечению клиентов, облегчается процесс оформления эфира, потому что это делается не программно-аппаратными средствами на стороне вещателей, а через веб-интерфейс.

1.5. Апробация работы

Основные результаты работы докладывались на Ежегодном научно-техническом семинаре кафедры ИКТ 2009 и научно-технической конференции МИЭМ 2009.


2. Общая часть

2.1. Состояние проблемы

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

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

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

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

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

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

Для каждого транслируемого события существуют свои решения для его оформления. Так, во время футбольного матча можно показывать скорость мяча или траекторию движения футболистов, в новостных передачах показывать бегущую строку с новостями, прогноз погоды и время, в развлекательных передачах – смс-голосование и чаты.

Для проекта МИЭМ.ТВ требуется решение для оформления видеоэфира, которое не требует дополнительного оборудования, может быть реализовано на обычном компьютере, в том числа – портативном.

2.1.1. Интерактивное видео  

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

Телезритель получает доступ к дополнительным информационным ресурсам, в том числе к ресурсам сети Интернет (просмотр web-страниц, работа с электронной почтой). Он может искать нужную информацию, делать покупки в электронных магазинах, общаться по электронной почте, участвовать в форумах и чатах, отправлять SMS-сообщения, хранить персональную информацию в электронных адресных книгах и календарях, создавать семейные фотоальбомы и т.п. Одновременно с просмотром телевизионных программ зрители могут совершать действия, непосредственно относящиеся к текущей телепередаче, например, запрашивать и получать дополнительные сведения: информацию о программе, ее авторах и участниках, анонсы будущих передач, материалы по той же теме, не вошедшие в основную телепрограмму. Они имеют доступ к архиву прошлых выпусков программы и возможность в ходе передачи совершать покупки сопутствующих товаров и услуг (телевизионная коммерция).[2]
         

Для того, чтобы пользоваться интерактивным телевидением нужны специальные приставки: аналоговые, которые будут получать информацию по специальному VBI-каналу, или цифровые. С помощью этих приставок можно принимать обычный телевизионный сигнал, но у них ещё есть возможность организации обратного канала, как правило, по телефонной линии. Расширенным телевидением занимаются BeSkyBe, WebTV. DirecTV и еще целый ряд компаний. Уровень цен на приставки – от 150 до 350 $.

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

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

2.2. Анализ методов и средств создания видеографического оформления

Существующие средства оформления видеоэфира можно разделить на программные и программно-аппаратные. При этом средства для оформления интернет-видео с помощью плеера существуют только в составе видеогалерей, это, как правило бесплатные сервисы, но изменить вид оформления невозможно. Программно-аппаратные средства используются в больших студиях и для проекта МИЭМ.ТВ не подходят.

2.2.1. Анализ программных  средств оформления видеоэфира

Большинство систем обладает следующими возможностями:

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

Сервер воспроизведения и текстово-графического оформления прямого эфира TELE Info обладает  большими возможностями по текстово-графическому оформлению воспроизводимого видеоматериала и проходящего видеосигнала. Программа TELE Info позволяет организовать информационный канал в стиле «Bloomberg», RAI-24 и РБК-ТВ, отличающийся высокой информационно-графической насыщенностью – одновременный вывод нескольких независимых “бегущих строк”, анимированных логотипов, информационных полей с постоянным обновлением содержания.   Встроенный   модуль   для   программирования   и выполнения собственных программ, написанных на языке Visual Basic. позволяет адаптировать систему для проведения передач в смешанном режиме (и прямой эфир, и вывод определенной, заранее созданной, последовательности материала). Система имеет субтитрование фильмов (клипов) выводимых системой, используя готовые srt-файлы. [3]

Профессиональная компьютерная видеосистема Akula VTM отличается тем, что имеет большой набор инструментов для создания анимированных объектов на экране, так же есть возможность подключать датчики и выводить различные показатели, например температуру.

Системы оформления эфира vizrt – это комплекс решений для трансляции спортивных событий, создания виртуальной студии, организация прогноза погоды и выпусков новостей, имеет в своем составе мощный трехмерный знакогенератор реального времени, который предлагает многофункциональную систему 3D дизайна для создания настоящей трехмерной графики и анимации.

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

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

Система графического оформления эфира “Информ-ТВ” позволяет создавать и воспроизводить мультимедийную информацию.

Для полноценной работы Inform-TV Designer необходим современный компьютер с графическим ускорителем не хуже NVidia GeForce 6600 или аналогичной модели от ATI

Основные области применения Информ-ТВ это:

  •  создание профессиональных презентаций, комбинирующих 2-х и 3-хмерную графику, тексты, аудио и видео и интерактивное взаимодействие;
  •  создание систем выдачи оперативной информации с динамическим обновлением из любых источников;
  •  создание тематических (информационных, рекламных и др.) телеканалов.


         Информ-ТВ может использовать различные источники данных – базы данных, web-сервисы, e-mail, RSS-каналы, текстовые файлы, SMS-сообщения и др. – и отображать изменения в реальном времени. Модульная структура системы позволяет подключать как любые существующие источники данных, так и те, что могут появиться в будущем.  Система имеет модульную  структуру, что дает возможность подключения любых дополнительных модулей (в том числе разработанных по заказу), интеграции с вещательным оборудованием и любыми источниками данных. Встроенный язык программирования (VBScript) позволяет в реальном времени управлять поведением объектов.[4]

Adobe Visual Communicator 3 – программа предназначена для проведения учебных семинаров в прямом эфире и обладает богатыми возможностями использования мультимедиа ресурсов. Программа удобна тем, что она очень простая в освоении и ей может пользоваться человек с любым уровнем подготовки.

Функционал программы:

  •  Захват и микширование до трех видеопотоков
  •  конвертировать выходной сигнал в flv видео
  •  легкость использования
  •  наложение титров и графической информации
  •  большая библиотека переходов и стилей
  •  возможность добавления собственных скриптов
  •  хороший кеинг
  •  режим картинка в картинке

Системные требования:

  •  2.4GHz Intel Pentium 4 processor

Функционал программы удовлетворял потребностям кафедры при проведении видеотрансляции. Но в ходе проведения первой трансляции с использованием  бесплатной пробной версии программы, вынуждены были от нее отказаться в силу нестабильной работы и частого зависания. Adobe Visual Communicator 3 стоит 399$, а Информ-ТВ – 10000-65000 руб в зависимости от комплектации.

Scala InfoChannel Designer – программа для подготовки оформления эфира, объединяет текст, графику, звук и видео в транслируемый мультимедиа-контент. InfoChannel Designer 3 позволяет пользователям разрабатывать и планировать профессиональный медиаконтент для любой аудитории –  от бегущей строки в точках розничной торговли, правительственных и образовательных учреждений до корпоративных сетей, поддерживает языки, совместимые с Windows Script Host (например, JavaScript, VBScript) .Программа старая, но ей до сих пор пользуются, стоит
2400$.[5]

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

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

Для оформления эфира доступны следующие элементы:

  •  часы,,
  •  логотипы,
  •  бегущая строка,
  •  SMS чат,
  •  термометр,
  •  баннеры,
  •  анимированные логотипы,
  •  SMS голосование.

Также имеется поддержка модулей DigiTV SmartDraw – внешних плагинов, подключаемых к DigiTV и добавляющих новые элементы оформления. Важной функцией является встроенная поддержка Flash файлов (*.swf), что позволяет делать анимацию любой сложности. [6]

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

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

Из обзора видно, что ПО для наложение оформления стоит от 400$.

2.2.2. Анализ видеосервисов для оформления интернет-видеоэфира

Существует большое количество видеохостингов, предоставляющих различные видеосервисы. Наиболее известные – это YouTube, MySpace, yahoo,  dailymotion.com,  metacafe, rambler,  yandex,  veoh.com,  megavideo.

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

большим отрывом лидирует YouTube и Yahoo

Видеосервис JumpCut компании Yahoo (рис.1) позволяет редактировать и рендерить видео прямо в сети Интернет. Этот сервис бесплатный и не требует установки специального ПО. С помощью этого сервиса можно искать видеоролики, добавлять их в окно монтажа. Если видео уже смонтировано, то можно его перемонтировать, при этом создается новая копия видео. Сервис позволяет накладывать титры и задавать характер их появления, накладывать различные эффекты и фильтры, задавать переходы между клипами.

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

Рис. 1. Видеосервис JumpCut.

Видеосервис СaptionTube от компании YouTube (рис. 2)  – это сервисная программа для добавления титров для видеоклипов YouTube. Титры добавляются после того, как видео было добавлено на сервер.

Рис.2. Видеосервис CaptionTube.

Титры экспортируются как файл .sub или .srt и далее добавляются к видео. Можно сделать несколько дорожек с субтитрами и тогда у пользователя есть возможность их менять, например, чтобы переключиться на другой язык. Стиль и положения титров изменить невозможно (рис. 3). Титры не сглаженные и при полноэкранном режиме видны пиксели. Таким образом данный сервис просто создает субтитры подобно тому как это сделано в Vob файлах для DVD.

Рис. 3. Показ титров средствами CaptionTube.

Видеоаннотации YouTube (рис. 4) – это новый способ снабдить  видеоролик интерактивным комментарием, используется для следующих целей:

  •  добавление дополнительной информацию о видео;
  •  создание историю с множеством вариантов (зрители сами выбирают следующую сцену);
  •  ссылка на похожие видео YouTube, каналы или результаты поиска по видео.

Рис. 4. Видеоаннотации YouTube.

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

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

Youtube голосование (рис. 5) – сервис для оценки клипа по пятибалльной шкале. В окне плеера в виде звездочек отображается рейтинг данного клипа, голосовать за клип в окне плеера нельзя.

Рис. 5. Youtube голосование.

Гипервидео от компании Asterpix (рис. 6) – сервис, предоставляющий возможность использовать ролики с популярных хранилищ видеоконтента, таких как YouTube, и создавать на их основе гипервидео. Его основные возможности:

  •  установка и просмотр уже ранее установленных маркеров с текстовыми блоками и ссылками на объектах видеопотока;
  •  установка и переход по уже ранее установленным маркерам, чья задача- перемотка ролика на конкретную сцену.

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

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

Рис.6. Гипервидео Asterpix

В связи с развитием видеосервисов, в них стала появляться реклама (video ads). Она может быть представлена как показ коротких роликов перед или после показа главного видеоклипа, или как окно (invideo ads) наложенное на видео (рис.7), имеющее статический или динамический контент. Существуют рекламные сети, обеспечивающие ротацию видеорекламы с учетом аудитории посещающей данный сайт, территориальным расположением, временем года и суток и прочих факторов.  Рекламные сети предлагают как правило коммерческое решение размещения рекламы. Если пользователь хочет видеть на своем сайте только свою рекламу, то он так же может воспользоваться сервисами рекламной сети, которые будут контролировать частоту и разнообразие ротации рекламы. Пользователь может отключить рекламы или запустить ее с самого начала в любое время.

Наиболее популярные рекламные сети – это AdoTube, DART’s In-Stream, Google’s AdSense for Video, ScanScout, Tremor Media, SpotXchange и YuMe.

        

Рис. 7. Рекламный видеобаннер

Для того чтобы разместить рекламу поверх видео на своей странице, потребуется определенный веб-плеер, поддерживающий эту возможность. В JW player это реализуется с помощью плагина Itas, который является закрытым, но пользоваться им можно бесплатно. Реклама внутри видео представляет из себя либо swf-объект, либо html-код в котором может содержаться JavaScript код, поэтому рекламу можно делать динамической и интерактивной. У каждой рекламной сети существуют свои ограничения на вид рекламы, как правило, они распространяются на размер и пропорции, длительность показа и средства управления.

Гипервидео и рекламные баннеры наиболее перспективное направление развития видеосервисов в сети Интернет, так, например,  при просмотре кино будет отображаться информация о марке машины.

2.2.3. Оформление видеоэфира на стороне плеера

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

Существуют также стандартные способы наложения титров, поддерживаются большинством десктопных медаплееров и некоторыми веб-плеерами – с помощью специальных файлов с субтитрами. Об этом написано в главе 2.3.2.

2.2.3.1. Технология Flash

Технология Flash [7] основана на использовании векторной графики в формате Shockwave Flash (SWF) разработанная компанией Macromedia®. Основным преимуществом Flash технологии по отношению к ее конкурентам является его межплатформенность, межбраузерность и распространенность. Согласно сайту официальному сайту Adobe [8], 99% пользовательских компьютеров имеют установленный плагин для просмотра Flash-приложений.

Flash-приложения создаются с помощью ActionScript (последняя версия 3.0).  Если исходник не содержит в себе инструкции языка, то при компиляции в любом случае генерируется некоторый базовый код на ActionScript. Далее соответственно существует базовый клип на сцене, унаследованный от MovieClip класса, который и начинает воспроизводиться. Среда Adobe Flash ориентирована в большей мере на дизайнеров, аниматоров, хотя и имеется возможность писать полноценный код.

Flash одновременно употребляется и как название формата (полное название — Flash Movie), однако формат называется “SWF”. При создании продукта можно использовать медиа, звуковые и графические файлы, можно создавать интерактивные интерфейсы и полноценные веб-приложения с использованием PHP и XML.

Flash-файлы имеют расширение .swf и просматриваются с помощью собственнического Flash Player, среда исполнения Flash-приложений, предназначенная для развертывания в Интернете.   Flash Player обычно устанавливается в качестве дополнительного модуля к браузеру, но при этом может работать в автономном режиме.  Распространяется бесплатно через сайт Adobe. Исходные файлы с расширением .fla создаются в среде разработки Adobe Flash, а потом компилируются в понимаемый Flash Player формат — .swf.

Также swf-файлы можно просматривать с помощью различных свободных плейеров, например, Gnash или swfdec.

2.2.3.2. Оформление эфира с помощью файлов субтитров

Ниже приведены виды цифровых субтитров.

  •  Вшитые (также называются жесткими) — изображение с текстом субтитров накладывается на исходное видео при процессе создания итогового файла (кодировании). Такие субтитры не накладывают никаких дополнительных требований на плееры, но их невозможно отключать, и они ухудшают качество кодируемого видео из-за увеличения мелких контрастных деталей в кадре. Качество и сложность вшитых субтитров могут быть максимальными, поскольку их создание может происходить значительно дольше, чем их просмотр.
  •  Пререндеренные— субтитры представляют собою уже готовые изображения, хранящиеся раздельно от видео (хотя, быть может, и в одном файле с ним). Такие субтитры требуют поддержки со стороны плееров, обычно не слишком высокого качества (из-за того, что для хранения таких субтитров используются растровые форматы с малым количеством цветов, что не позволяет выполнять антиалиасинг шрифтов), однако не имеют проблем с представлением текстов на разных языках, и не создают чрезмерной нагрузки на плеер. Именно в таком виде находятся субтитры на DVD-video.
  •  Программные (также называемые мягкими ) — субтитры, представляющие собою текст, зачастую с элементами разметки (размер, цвет, гарнитура, положение на экране). Предъявляют, по сравнению с остальными вариантами, более высокие требования к воспроизводящему оборудованию (программе) в связи с необходимостью отрисовывать шрифты (обычно векторные) и возможные эффекты в реальном времени. Также у некоторых форматов существуют проблемы с представлением текста на нескольких языках из-за использования одной однобайтной кодировки. С появлением прогрессивных форматов видео-контейнеров (mkv, mp4, ogm), появилась возможность встраивать субтитры отдельным потоком, наряду с потоками видео, аудио и пр. в файл-контейнер. Данный подвид субтитров также можно программно включать, отключать, переключать. Отдельным плюсом можно отметить отсутствие необходимости во внешних файлах-субтитрах.

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

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

  •  Внешние — представляют собою один или несколько отдельных файлов, обычно с именем полностью или частично совпадающим с именем видео-файла, но с другим расширением: SRT, SUB, TXT (подробнее см. ниже).
  •  Встроенные (также называемые внутренними) — находятся в одном файле с видео.

Популярные форматы внешних субтитров:

  •  srt — текстовый формат субтитров программы SubRip. Изначально не поддерживал элементов оформления текста, в дальнейшем был расширен поддержкой цветов и начертаний символов (курсив, жирность текста).
  •  smi (smil) — текстовый формат субтитров, основанный на SGML. Предусматривает практически все возможности для оформления текста, поддерживаемые стандартами HTML и CSS.
  •  s2k — текстовый формат субтитров программы Sasami.
  •  ssa — текстовый формат субтитров программы Sub Station Alpha. Предусматривает задание цвета, положения символов, размер букв, гарнитуру; позволяет применять сложные видео-эффекты в отношении символов (затенение, движение, повороты и т. д.); может содержать текст в нескольких различных кодировках.
  •  ass — текстовый формат субтитров Advanced Sub Station Alpha (впервые реализовано в программе Medusa), дальнейшее развитие формата ssa.
  •  sub/idx — двоичный формат пререндеренных субтитров для программы VobSub. Иногда называются «субтитрами формата Vobsub», хоть это и не очень верно. Представляют собой графические субтитры, извлеченные из DVD (например, при помощи DVD Decrypter-а).[9]

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

3.1. Выбор и модификация веб-плеера для отображения видеооформления

Для данной работы требуется бесплатный веб-плеер, с возможностью написания для него плагинов, который поддерживает потоковое видео и является кросс-платформенным и кросс-браузерным. Подавляющая часть таких плееров написана на объектно-ориентированном языке ActionScript версии 2 или 3, и использует технологию Adobe Flash. Многие бесплатные плееры с открытым кодом работают нестабильно и требуют большой доработки. Наиболее подходящие плееры для данной работы – это Flow Player, JW player и Fplayer. Эти 4 плеера хорошо документированы, имеют большие сообщества, постоянно развиваются и стабильно работают.

Fplayer – объектно-ориентированный FLV плеер с открытым кодом, написанный на ActionScript 3 (рис. 8). Занимает всего 8 Кб. Имеет XML плей-лист и большой набор стилей оформления. [10]

Рис.8. Веб-плеер Fplayer.

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

Flowplayer – веб-плеер с открытым исходным кодом (GPL 3) , написан на ActionScript 2 (рис.9). Достаточно популярен и имеет большое сообщество. [11]

Flowplayer обладает большим количеством настроек и инструментов для разработки новых плагинов, тем самым его можно сконфигурировать под многие задачи. Проигрывает такие форматы как flv и mp4. Поддерживает псевдостриминг и протокол rtmp.

Рис.9. Веб-плеер Flow Player.

Flowplayer известен своим API, который является объектно-ориентированным, а не простым набором функций, так же есть штатный плагин для взаимодействия с библиотекой jQuery и взаимодействие с json объектами. Базовые объекты плеера показаны в таблице 1.


T
аблица 1.  Базовые объекты Flow Player.



Player 

Управляет самим плеером, событиями и копками

Clip

Содержит информацию о проигрываемом ролике – его длительность, формат и т.д.

Playlist

Массив с клипами

Plugin

Управляет плагинами, их размерами и загружает в них

С помощью объекта plugin в плеер можно загружать swf файлы, которые никак не связаны с его интерфейсом. Ниже приведены плагины, используемые плеером.

  •  Плагины для работы с сетями доставки контента (CDN), примечательны тем, что если видеопоток с одного сервера прекращается, плеер переключается на другой сервер.
  •  Плагины для работы с рекламными сетями, которые в отличии от JW плеера, с открытым кодом.
  •  Плагин captions отображает субтитры, имеет встроенные парсеры различных XML файлов.
  •  Плагин content оперирует с html кодом

Объектно-ориентированная структура API дает возможность конфигурировать плеер и поведение графических объектов в нем, не компилируя для этого специальных swf-объектов. Это самое главное преимущество данного плеера по сравнению с другими. Недостаток данного плеера в том, что его некоторые компоненты работают крайне не стабильно, и даже на официальном сайте не всегда работают примеры. Так, например, не работает псевдостриминг, поэтому в данной работе использовался JW player, у которого нет такой проблемы.

JW player (рис. 10) –  наиболее популярный и гибкий медиаплеер, поддерживает все форматы, что и плагин Flash Player. Так же поддерживает различные форматы плейлистов, включая XML, и имеет ряд настроек и JavaScript API.[12]

Рис.10. Веб-плеер Jw Player.

Плеер имеет несколько десятков плагинов, модулей для различных систем, встроенные XML парсеры, может работать без включенного в браузере JavaScript. Плеер легко устанавливается и его код в html документе занимает несколько строк.

Штатные плагины подключаются с сайта, достаточно просто прописать их название, то есть пользователю вовсе не обязательно указывать путь до swf-объекта.

АPI плеера не так функционально, как у Flow Player, но зато писать плагины намного легче, так как это можно делать не только в среде Adobe Flex Builder, а еще и в Adobe Flash.

Коммерческая лицензия на использование JW плеера для одного сайта составляет 20€, что почти в 3 раза меньше чем у Flowplayer.

Для данной работы был выбран JW player, потому что он работает стабильнее, ниже стоимость коммерческой лицензии и легче создавать свои плагины.


3.2. Установка веб-плеера на странице

На сегодняшний день используется два метода встраивания swf объектов в страницу html – c помощью тэга <EMBED> и с помощью JavaScript библиотеки SWFObject.[13]

3.2.1. Установка с помощью тэга <EMBED>

Элемент <EMBED> используется для загрузки и отображения объектов (например, видеофайлов, flash-роликов, некоторых звуковых файлов и т.д.), которые исходно браузер не понимает. Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.

Спецификация HTML 4.0 рекомендует использовать тег <OBJECT> для загрузки внешних данных вместо тега <EMBED>. Однако некоторые браузеры не отображают таким образом нужную информацию, поэтому наилучшим вариантом будет поместить <EMBED> внутрь контейнера <OBJECT>.

Вид внедренного объекта зависит от установленных в браузере плагинов, типа загружаемого файла, а также от параметров тега <EMBED>.

Основные параметры:

  •  align – определяет, как объект будет выравниваться на странице и способ его обтекания текстом;
  •  height   высота объекта;
  •  hidden  –  указывает, скрыть объект на странице или нет;
  •  hspace –  горизонтальный отступ от объекта до окружающего контента;
  •  pluginpage – адрес страницы в Интернете, откуда можно скачать и установить плагин к браузеру;
  •  src   путь к файлу;
  •  type –  MIME-тип объекта;
  •  vspace  –  вертикальный отступ от объекта до окружающего контента;
  •  width – ширина объекта;

Ниже показан пример подключения плеера с плагинов.

<embed

 src="http://www.yoursite.com/player.swf"

 width="400"

 height="320"

 allowscriptaccess="always"

 allownetworking="all"

 allowfullscreen="true"

 flashvars="file=/upload/flash.flv&plugins=viral-1"

/>

3.2.2. Установка c помощью библиотеки SWFObject

SWFObject — это популярный способ публикации Flash-роликов на JavaScript. По сравнению с классическим HTML, он имеет ряд преимуществ:

  •  кроссбраузерный  и соответствует стандартам;
  •  позволяет избежать необходимости активации Flash-ролика пользователем в Internet Explorer (IE Eolas Update);
  •  можно задавать альтернативный контент в случае, если у пользователя не установлен Flash-плеер или стоит старая версия;
  •  можно проверять версию Flash-плеера и предлагать обновиться, если та устарела, либо запускать экспресс-инсталляцию Flash-плеера, если он не установлен;
  •  можно динамически загружать/выгружать плееры без перезагрузки страницы.

SWFObject  позволяет внедрять Flash двумя различными методами.

  •  Статическом метод – публикации Flash и альтернативный контент внедряются с помощью стандартной разметки, а JavaScript используется для решения проблем непреодолимых с помощью разметки.
  •  Динамический метод публикации основан на замене альтернативного контента Flash контентом в случае если есть достаточно новая версия Flash плеера и поддержка JavaScript.

Преимущества статического метода публикации:

  •  используется стандартная разметка:
  •  механизм внедрения Flash контента не зависит от JavaScript, благодаря чему Flash будет доступен значительно большей аудитории.

При статической публикации SWFObject использует метод вложенных объектов (с условными комментариями для Internet Explorer, начиная с версии 6). Это наиболее оптимальная кроссбраузерная разметка, соответствующая стандартам и позволяющая задать альтернативный контент. При этом требуется  дублирование объявления object (внешний object предназначен для Internet Explorer а внутренний object для остальных браузеров), поэтому, если  нужно определить атрибуты или param для object, то их нужно продублировать для внешнего и внутреннего объектов.

Обязательные атрибуты:

  •  classid (только для внешнего object, значение всегда clsid:D27CDB6E-AE6D-11cf-96B8-444553540000)
  •  type (только для внутреннего object, значение всегда application/x-shockwave-flash)
  •  data (только для внутреннего object, определяет URL SWF файла)
  •  width (для обоих элементов object, определяет ширину SWF)
  •  height (для обоих элементов object, определяет высоту SWF)

Обязательные элементы param:

  •  movie (только для внешнего элемента object, определяет URL SWF файла)

Ниже представлен пример установки плеера на страницу статическим методом.

 <script type="text/JavaScript" src="swfobject.js"></script>

<script type="text/JavaScript">

 swfobject.registerObject("player","9.0.98","expressInstall.swf");

</script>

<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="328" height="200">

 <param name="movie" value="player.swf" />

 <param name="allowfullscreen" value="true" />

 <param name="allowscriptaccess" value="always" />

 <param name="flashvars" value="file=video.flv&image=preview.jpg" />

 <object type="application/x-shockwave-flash" data="player.swf" width="328" height="200">

  <param name="movie" value="player.swf" />

  <param name="allowfullscreen" value="true" />

  <param name="allowscriptaccess" value="always" />

  <param name="flashvars" value="file=video.flv&image=preview.jpg&plugins=viral-1'" />

  <p><a href="http://get.adobe.com/flashplayer">Get Flash</a> to see this player.</p>

 </object>

</object>

Преимущества динамического метода публикации:

  •  позволяет обойти механизмы активации активного контента в Internet Explorer 6/7 и Opera 9+;
  •  интегрируется в JavaScript приложения.

Динамический метод публикации заменяет альтернативный HTML контент на Flash контент в случае, если есть достаточная поддержка JavaScript и Flash. При использовании динамического метода публикации нужно создать HTML контейнер с альтернативным контентом и задать для него id.

У данного метода пять обязательных и четыре опциональных параметра:

  •  wfUrl (обязательный) URL SWF файла
  •  id (обязательный)  id  HTML элемента (содержащего альтернативный контент) который должен быть заменен на Flash контент
  •  width (обязательный) ширина SWF
  •  height (обязательный) высота SWF
  •  version (обязательный) версия Flash плеера необходимого для данного SWF (формат: "major.minor.release")
  •  expressInstallSwfurl (опциональный) задает URL  express install SWF и активирует Adobe express install
  •  flashvars (опциональный) переменные передаваемые Flash в виде пар имя:значение
  •  params (опциональный) элементы params вложенные в object в виде пар имя:значение
  •  attributes (опциональный) атрибуты элемента object в виде пар имя:значение

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

<script type='text/JavaScript' src='swfobject.js'></script>

<div id='mediaspace'>This div will be replaced</div>

<script type="text/JavaScript">

 var so = new SWFObject('http://www.yoursite.com/player.swf',

   'mpl','400','320','9');

 so.addParam('allowscriptaccess','always');

 so.addParam('allownetworking','all');

 so.addParam('allowfullscreen','true');

 so.addParam('flashvars',

   '&file=/upload/flash.flv&plugins=viral-1');

 so.write('mediaspace');

</script>

<script type='text/JavaScript' src='swfobject.js'></script>

<div id='mediaspace'>This div will be replaced</div>

<script type="text/JavaScript">

 var so = new SWFObject('http://www.yoursite.com/player.swf',

   'mpl','400','320','9');

 so.addParam('allowscriptaccess','always');

 so.addParam('allownetworking','all');

 so.addParam('allowfullscreen','true');

 so.addVariable('file', '/upload/flash.flv');

 so.addVariable('plugins', 'viral-1');

 so.write('mediaspace');

</script>

Плагин и его конфигурационные переменные устанавливаются с помощью параметра flashvars или метода addVariable, при этом название конфигурационной переменой имеет вид “имя_плагина.имя_переменной”.

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

3.2.3. Управление плеером на странице

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

Ниже показано, как можно инициализировать переменную связанную с плеером и использовать функцию обратного вызова c параметрами.

<script>

var player = document.getElementById('ID_of_the_player');

player.Callback_function(parametrs) ;

</script>


3.3. Модификация веб-плеера

Функционал плеера можно расширить с помощью плагинов. Плагин  –  это отдельный файл swf, который загружается в плеер в период его загрузки. Плагин взаимодействует с плеером через API плеера.

В данной работе было написано 4 плагина для разных задач. Так же был изменен сам плеер для отображения оформления в полноэкранном режиме без потери качества. До этого оформление растягивалось вместе с видео и теряло качество.

 

3.3.1. Плагин для интерактивного голосования Voting

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

Рис.11. Плагин Voting.

3.3.1.1. Включении и отключение

При установки плагина в меню появляется новая кнопка. Чтобы отключить или включить окно с голосованием надо нажать на эту кнопку, при этом если окно неактивно, то кнопка будет серого цвета, а если активно, то черного (рис.12).

  

Рис.12. Кнопка включения/выключения

3.3.1.2. Установка плагина

 

Чтобы установить плагин надо прописать одну строку в код при установке плеера в HTML документе. В значении plugins надо прописать абсолютный или относительный путь до файла voting.swf.

Данных плагин имеет следующие конфигурационные переменные :

  •  time (значение по умолчанию -5000) – задает интервал в миллисекундах, через который плагин делает запрос на сервер для обновления вопроса или результата голосования;
  •  getvote  – адрес внешнего файла, который передает информацию о голосовании;
  •  setvote – адрес внешнего файла, который получает информацию о том, за какой вариант проголосовал пользователь.

3.3.1.3. Требования к внешнему файлу

Файл должен обмениваться с плагином информацией по протоколу http методом POST.

Файл, передающий информацию, может принимать от плагина переменную  showvotes, которая определяет, будет ли файл передавать вопрос с вариантами ответов (значение “false”), или информацию о результатах голосования (значение “true”).  Отсылаемая плагину информация должна быть представлена в виде строки с переменными Flash и выгдядеть так:

  •  id=номер вопроса&question=текст вопроса&var1=ответ1&var2=ответ2..&var6=ответ6
  •  id=номер вопроса&vote1=число голосов за первый ответ..vote6= число голосов за шестой ответ

Файл, принимающий информацию должен уметь принимать от плагина переменные vote и vid. Переменная vote определяет номер варианта, за который проголосовал пользователь, а vid – номер строки в базе данных, где находится данный вопрос. Обе переменные относятся к целочисленному типу.

Назначение переменных получаемых плагином:

  •  id – номер текущего голосования;
  •  question – вопрос;
  •  var1..var6 – пункты голосования;
  •  vote1...vote6 – количество голосов, которые имеет соответствующий пункт.


3.3.2. Плагин для отображения медиаконтента Captions

Captions – плагин для отображения медиаконтента в окне плеера (рис.13). Плагин отображает 4 блока графического оформления – титры, логотип, информация о событии и о трансляции, подробнее об этом написано в главе 3.5.1.

Рис.13. Плагин Captions.

3.3.2.1. Включение и отключение

Если плагин установлен, то он включен по умолчанию, отключение происходит по клику на кнопку “CC”, появившейся в меню после установки. В этом случае кнопка будет серого цвета.

3.3.2.2. Установка плагина

Плагин функционирует только в связке с плагинами Live и Archive при прямом и эфире и в видеоархиве соответственно. Чтобы установить плагин, надо при установке плеера написать в значение plugins путь до файлов captions.swf и live.swf или archive.swf.

Конфигурационные переменные плагина приведены в таблице 2.

Таблица 2. Конфигурационные переменные Captions.

название

значение по умолчанию

описание

state

true (Boolean)

true – при запуске плагина оформление включено

false – при запуске плагина оформление отключено

screen4_3

false (Boolean)

true – в полноэкранном режиме, независимо от пропорции сторон монитора, пропорции окна с оформлением – 4:3,

false – окно с оформлением растягивается по всему экрану

auto

5000 (Number)

время отображения титров, выраженное в миллисекундах

3.3.2.3. Взаимодействие с плагинами Live и Archive

У плагина Captions есть публичные функции, приведенные в таблице 2. Используя эти функции, плагины отсылают информацию о медиаконтенте плагину Captions.

Таблица 3. Публичные функции плагина Captions.

функция

параметры

описание

showTitle

text1:String, text2:String

отображение титров, параметры содержат текст титров

showLogo

logoinfo:String

отображение логотипа, параметр задает поведение логотипа

showCast

castinfo:String, yearinfo:String

отображение информации о трансляции, параметры задают тип эфира и год архива

showEvent

placeinfo:String, eventinfo:String

отображение информации о событии, параметры задают место и описание события

Таблица 3. Публичные функции плагина Captions.

3.3.3. Плагин Live для загрузки информации о медиаконтенте

Плагин для загрузки информации о медиаконтенте в прямом эфире из внешнего файла и ее передачи плагину Captions.

Плагин периодически опрашивает внешний файл и не имеет графического отображения.

3.3.3.1. Установка плагина

Плагин устанавливается вместе с плагином Captions, при этом прописывается путь до файла live.swf, и имеет конфигурационные переменные, приведенные в таблице 4.

Таблица 4. Конфигурационные переменные Live.

название

значение по умолчанию

описание

time

4000

частота опроса внешнего файла, выраженная в миллисекундах

url

-

адрес внешнего файла

3.3.3.2. Требования к внешнему файлу

Передаваемая информация из файла должна быть представлена в виде строки с переменными flash, как показано ниже.

datatype=идентификатор_блока&id=номер_строки_в_базе_данных&text1=верхние_титры&text2=нижние_титры&logo=отображение_логотипа&cast=тип_трансляции&year=год&place=место&event=событие

Значения переменных flash должны быть такими, как в таблице в разделе. Переменная type играет роль идентификатора отображаемого блока – она сообщает плагину, что надо передать информацию о конкретном блоке. Переменная type может также иметь значение “all” , это означает что надо передать информацию о всех блоках, подробнее о взаимодействии с внешним файлом в разделе .

Плагин должен обмениваться информацией с внешним файлом по протоколу http методом POST.

3.3.4. Плагин Archive для загрузки глав  медиаконтента

Плагин для загрузки информации о медиаконтенте  в видеоархиве из внешнего файла и ее передачи плагину Captions. Плагин имеет функцию обратного вызова updateXML(), доступную из JavaScript, которая обновляет информацию из внешнего файла. Плагин опрашивает внешний файл один раз при загрузке и при вызове данной функции из JavaScript. Плагин передает параметр внешнему файлу – ID клипа, и получает ответ в виде XML.

3.3.4.1. Установка плагина

Плагин устанавливается вместе с плагином Captions, при этом прописывается путь до файла archive.swf, и имеет конфигурационную переменную “xml” в каоторой прописывается адрес внешнего файла. Плагин Archive в определенные моменты, в соответствии со временем начала и конца главы, посылает команду плагину Captions для отображения соответствующего блока медиаконтента.

3.3.4.2. Требования к внешнему файлу

Плагин должен обмениваться информацией с внешним файлом по протоколу http методом POST. Передаваемая информация из файла должна быть представлена в виде дерева XML, показанного ниже.


<archive>

<content>

 <caption>

   <begin>время начала главы(hh:mm:ss)</begin>

   <end> время конца главы(hh:mm:ss)</end>

   <text1>верхние титры</text1>

   <text2>нижние титры</text2>

   <logo>состояние логотипа</logo>

   <cast>тип трансляции</cast>

   <year>год, если архив</year>

   <place>место проведение события</place>

   <event>heat</event>

 </caption>

 <caption>

   .

   .

   .

 </caption>

</archive>

</content>
3.4. Интеграция средств графического оформления эфира  в среду Symfony
 

Проекты Symfony имеют модульную структуру, у каждого модуля есть своя таблица в базе данных, он имеет так называемые действия – сценарии выполняющие вычисления, и сценарии которые отображают результаты вычислений на странице сайта. На одной странице может быть несколько компонентов разных модулей. Интеграция в среду Symfony представляет из себя создания такого модуля и размещение модифицированного веб-плеера на определенных страницах. [14]

3.4.1 Установка веб-плеера на страницу

Веб плеер можно устанавливать на страницу с помощью тэга <EMBED> либо с помощью JavasScript библиотеки SWFObject статическим или динамическим методом. Подробнее об это написано в главе 3.2. В данной работе использовались оба метода.

3.4.2. Модуль для оформления прямого эфира

Для интернет-канала miem.tv был написан модуль с помомщью Symfony Framework, который управляет медиаконтентом в прямом эфире. Схема взаимодействия показана на рисунке 2 приложения. Информация из форм страницы manager отправляется в действие caption/set, который помещает эту информацию в базу данных в таблицу Сaption. Помимо информации из полей в сценарий также добавляются параметр с  id плеера (player_id), и параметр блока графического оформления (type), к которому адресованы передаваемые  данные. Структура таблицы Caption  показана в таблице 5.

Таблица 5. Струтура таблицы caption в базе данных.

атрибут

значение

пояснение

id

натуральные числа

Первичный ключ, заполняется автоматически

player_id

натуральные числа

Номер плеера

text1

текст

Верхние титры

text2

текст

Нижние титры

created_at

дата

Заполняется автоматически

type

title

logo

cast

event

Титры

Логотип

Эфир

События

logo

yes

no

fullscreen

включение

выключение

включение только в полноэкранном режиме

cast

live

archive

no

прямой эфир

архив

выключение

year

текст

год

place

текст

место проведения трансляции

event

текст

информация о событии

На странице manager (рис. 14) используется сценарий showrecent.php, который вызывается Ajax-запросом и берет из базы последние титры, и размещает на странице, начиная с самого позднего. Если кликнуть по какому-то из титров, то они с помощью действия caption/set занесутся в новую строку таблицы Сaption и отобразятся в окне плеера.

Рис.14. Структура взаимодействия веб-плера с системой прямого эфира.

Плагин Live, установленный в плеер, с некоторой периодичностью, заданной при установке (подробнее о параметрах в главе 3.3.1.2), будет обращаться к сценарию getlast.php. Сценарий берет последнюю строку для данного плеера из таблицы caption и передает ее плееру в виде строки с flash-переменными (подробнее о флэш-переменных в главе 3.3.1.3). При получении параметров из сценария плагин Live посылает команды плагину Captions для отображения нужного блока в окне плеера.

На странице manager есть блок управления голосованием. За отправку введенной информации в базу данных в таблицу voting (таблица 6) отвечает действие caption/voting, также оно обнуляет поля с голосованием для данного вопроса.

Таблица 6. Струтура таблицы voting в базе данных.

атрибут

значение

пояснение

id

натуральные числа

Первичный ключ, заполняется автоматически

player_id

натуральные числа

Номер плеера

question

текст

Вопрос

var1..var6

текст

Варианты ответа

vote1..vote6

цифры

количество голосов

Плагин voting взаимодействует с двумя внешними файлами – getvote.php и setvote.php. Плагин опрашивает с установленным периодом getvote.php, отправляя сценарию id текущего вопроса, сценарий отправляет из базы данных  либо результаты голосования для данного вопроса, либо новый вопрос. Данные сценарий передает в виде строки с flash-переменными. Когда пользователь голосует, плагин передает сценарию setvote.php id текущего вопроса, и номер ответа пользователя. Сценарий записывает ответ в базу данных в строке данного вопроса.

3.4.3. Модуль для оформления архивных видеороликов

Для оформления архива был написан средствами Synfony Framework модуль archive. Управление медиаконтентом ведется на странице new.php данного модуля (рис.15). Информация из форм отправляется в действие archive/set при этом так же передается id клипа, для которого предназначен данный медиаконтент. Этот действие записывает информацию в базу данных в таблицу archive, которая имеет схожую структуру с таблицей caption. Эти таблицы отличаются тем, что вместо поля player_id используется clip_id, и добавлены два новых поля (begin и end) для занесения времени начала и конца главы. В полях снизу находится информациях о всех главах для данного клипа, эти поля с помощью Аjax загружаются на страницу сценарием  archive/editlist, который берет данные из базы с соответствующим id клипа. Эти данные могут быть изменены и удалены с помощью действий archive/set archive/delete соответственно.

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

Плагин Archive плеера, делает запрос к сценарию xml.php, передавая ему ID данного клипа. Сценарий передает плагину главы с информацией о медиаконтенте в виде дерева XML.

При создании нового блока, удалении или изменении старого обновляются поля с главами, и в плеер с помощью функции обратного вызова updateXML() передается команда для обновления XML.

Рис.15. Схема взаимодействия веб-плеера с системой организации видеоархива


3.5. Отображение медиаконтента в видеографическом оформлении

3.5.1. Плагин Captions

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

  •  титры – нижняя часть экрана;
  •  событие – правая нижняя часть экрана;
  •  логотип – левая верхняя часть экрана;
  •  трансляция – правая верхняя часть экрана.

Титры могут содержать либо только заголовок, либо заголовок и текст. Текст может располагаться как в одну (рис. 16), так и в две строки (рис. 17), при этом масштабируясь, чтобы уместится в поле для текста. Появление и исчезновение  поля с титрами не резкое - оно постепенно становится видимым.

Рис.16. Однострочные титры.

Рис.17. Двустрочные титры.

Отображение логотипа может быть в 3 видах:

  •  отображение только в полноэкранном режиме;
  •  постоянное отображение логотипа;
  •  логотип не отображается.

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

В блоке трансляции отображается информация о том, является ли показ видео прямой трансляцией, или же это архив. Блоки плагина Сaptions можно скрыть нажав на кнопку “CC”.  В случае прямой трансляции данный блок будет выглядеть, как показано на рисунке 18. Архив отличается тем, что блок имеет дополнительно поле, в котором написан год (рис.19).

Рис.18. Блок прямого эфира.

Рис.19. Блок архива.

Масштабирование графических объектов может быть двух видов, в зависимости от установленных параметров:

  •  объекты растягиваются по длине и высоте всего экрана в полноэкранном режиме вне зависимости от пропорций сторон монитора;
  •  объекты растягиваются по высоте экрана в полноэкранном режиме, при этом сохраняя пропорции сторон 4:3.

3.5.2. Плагин Voting

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

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

Рис.20. Отображения плагина Voting.

3.6. Интерактивность

3.6.1. Интерактивные возможности пользователей

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

3.6.2. Управление титрами и голосованием в прямом эфире

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

Рис.21. Организация интерактивности в прямом эфире

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

Чтобы убрать титры достаточно ввести пустую строку в поле “верхний текст” или нажать на ссылку  “убрать титры”. Чтобы убрать блок с событиями надо оставить все 2 его поля пустыми.

Значение поля “год” блока “Эфир” будет отображаться только в случае архива.

Загружать новые медиаданные можно не дожидаясь появления старых в окне плеера. В таблице 7 показаны все возможные значения блоков.

Таблица 7. Блоки отображения медиаконтента.

Титры

Верхний текст

любые текстовое значения

Нижний текст

любые текстовое значения

Логотип

логотип

yes – постоянное отображение логотипа

fullscreen – отображение логотипа только в полноэкранном режиме

no – отключение блока

Эфир

эфир

live – отображение прямой трансляции

archive –  отображение архива

no –  отключение блока

год

любые текстовое значения

Управление событиями

место

любые текстовое значения

событие

любые текстовое значения

Голосование

Вопрос

любые текстовое значения

1..6

любые текстовое значения

В нижней части странице есть список использованный титров, при клике на определенные титры они появляются в окне плеера.

3.6.2. Управление титрами и голосованием в системе организации видеоархивом.

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

Рис.22. Организация интерактивности в системе организации видеоархива

Возможные значения полей на данной странице такие же, что и при прямом эфире. Также добавлены 2 поля для установки времени начала и конца отображения загружаемого медиаконтента. Эти поля обязательны для заполнения и их значения должны быть вида “hh:mm:ss”. Для удобства под этими полями есть ссылки “текущее время”, при их нажатии в поле заносится текущее время воспроизводимого в плеере видеоролика.

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

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

3.7. Перспективы развития и доработки

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

Рис.23. Роль и место в проекте кафедры ИКТ “Цифровая видеостудия МИЭИ.ТВ”.

Рис.24. Развитие проекта и возможные разработки.

 


4. Охрана труда

4.1. Исследование возможных опасных и вредных факторов при эксплуатации ЭВМ и их влияния на пользователей

4.1.1. Введение

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

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

Любой производственный процесс, в том числе работа с ЭВМ, связан с появлением опасных и вредных факторов.

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

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

В процессе использования ПЭВМ различные вредные факторы, связанные с работой на персональном компьютере, угрожают здоровью, а иногда и жизни оператора. Типичными ощущениями, которые испытывают к концу дня люди, работающие за компьютером, являются: головная боль, резь в глазах, тянущие боли в мышцах шеи, рук и спины, зуд кожи на лице и т.п. Испытываемые каждый день, они могут привести к мигреням, частичной потере зрения, сколиозу, тремору, кожным воспалениям и другим нежелательным явлениям.

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

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

Конфигурация компьютеризированного рабочего места для работы над дипломом:

  •  ПК на основе процессора  QuadCore Intel Core 2 Quad Q6600, 2400 MHz с необходимым набором устройств ввода-вывода и хранения информации (DVD-RW, HDD);
  •  лазерный принтер XEROX Phaser 3122 (A4);
  •  цветной SVGA-монитор LG 17” (TCO 99):
  •  разрешение по горизонтали (max) - 1280 пикселей; разрешение по вертикали (max) - 1024 пикселей;
  •  легко регулируемые контрастность и яркость;
  •  частота кадровой развертки при максимальном разрешении - 56-75 Гц;
  •  частота строчной развертки при максимальном разрешении - 30-83 кГц.

Питание ПЭВМ производится от сети 220В. Так как безопасным для человека напряжением является напряжение 40В, то при работе на ПЭВМ опасным фактором является поражение электрическим током.

В дисплее ПЭВМ высоковольтный блок строчной развертки и выходного строчного трансформатора вырабатывает высокое напряжение до 25кВ для второго анода электронно-лучевой трубки. А при напряжении от 5 до 300 кВ возникает рентгеновское излучение различной жесткости, которое является вредным фактором при работе с ПЭВМ (при 15 - 25 кВ возникает мягкое рентгеновское излучение).

Изображение на ЭЛТ создается благодаря кадрово-частотной развертке с частотой:

  •  85 Гц  (кадровая развертка);
  •  42 кГц (строчная развертка).

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

Во время работы компьютера дисплей создает ультрафиолетовое излучение, при  повышении плотности которого > 10 Вт/м2, оно становиться  для человека вредным фактором. Его воздействие особенно сказывается при длительной работе с компьютером.

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

4.1.2. Выводы

При эксплуатации перечисленных элементов вычислительной техники могут возникнуть следующие опасные и вредные факторы:

  •  поражение электрическим током;
  •  электромагнитное излучение;
  •  ультрафиолетовое излучение;
  •  статическое электричество.

4.1.3. Анализ влияния опасных и вредных факторов на пользователя

4.1.3.1. Влияние электрического тока

Проходя через тело человека, электрический ток оказывает следующие воздействия:

  •  термическое — нагрев тканей и биологической среды;
  •  электролитическое — разложение крови и плазмы;
  •  биологическое — способность тока возбуждать и раздражать живые ткани организма;
  •  механическое — возникает опасность механического травмирования в результате судорожного сокращения мышц.

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

T - длительность воздействия в милисекундах (ms)

I - величина тока в милиамперах (mA).

Рис. 25. Последствия влияния электрического тока на организм человека.

2) Электрический ток, воздействуя на человека, приводит к травмам:

Общие травмы:

  •  Судорожное сокращение мышц, без потери сознания
  •  Судорожное сокращение мышц, с потерей сознания
  •  Потеря сознания с нарушением работы органов дыхания и кровообращения
  •  Состояние клинической смерти
  •  Местные травмы:
  •  Электрические ожоги
  •  Электрический знак
  •  Электроавтольмия

Наиболее опасным переменным током является ток 20 - 100Гц. Так как компьютер питается от сети переменного тока частотой 50Гц, то этот ток является опасным для человека.

4.1.3.2. Влияние электромагнитных излучений

Электромагнитные поля с частотой 60Гц и выше могут инициировать изменения в клетках животных (вплоть до нарушения синтеза ДНК). В отличие от рентгеновского излучения, электромагнитные волны обладают необычным свойством: опасность их воздействия при снижении интенсивности не уменьшается, мало того, некоторые поля действуют на клетки тела только при малых интенсивностях или на конкретных частотах. Оказывается переменное электромагнитное поле, совершающее колебания с частотой порядка 60Гц, вовлекает в аналогичные колебания молекулы любого типа, независимо от того, находятся они в мозге человека или в его теле. Результатом этого является изменение активности ферментов и клеточного иммунитета, причем сходные процессы наблюдаются в организмах при возникновении опухолей.

4.1.3.3. Влияние ультрафиолетового излучения

Ультрафиолетовое излучение  электромагнитное излучение в области, которая примыкает к коротким волнам и лежит в диапазоне длин волн ~ 200 - 400 нм.

Различают следующие спектральные области:

  •  200 - 280 нм  бактерицидная область спектра;
  •  280 - 315 нм  зрительная область спектра (самая вредная);
  •  315 - 400 нм  оздоровительная область спектра.

При длительном воздействии и больших дозах могут быть следующие последствия:

  •  серьезные повреждения глаз (катаракта);
  •  меломный Рак кожи;
  •  кожно-биологический эффект (гибель клеток, мутация, канцерогенные накопления);
  •  фототоксичные реакции.

4.1.3.4. Влияние статического электричества

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

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

При повышении напряженности поля Е>15 кВ/м, статическое электричество может вывести из строя компьютер.

4.1.3.5. Выводы

Из анализа воздействий опасных и вредных факторов на организм человека следует необходимость защиты от них.

4.2. Методы и средства защиты пользователей от воздействия на них опасных и вредных факторов

4.2.1. Методы и средства защиты от поражения электрическим током

Зануление - преднамеренное соединение нетоковедущих частей с нулевым защитным проводником (26).

НЗП – нулевой защитный проводник

Рис. 26. Защитное зануление

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

Принцип защиты пользователей при занулении заключается в отключении сети за счет тока короткого замыкания, который вызывает отключение ПЭВМ от сети.

По заданным параметрам определим возможный Jк.з.

(формула ), где:

Jк.з. - ток короткого замыкания [А];

Uф - фазовое напряжение [B];

rm - сопротивление катушек трансформатора [Ом];

rнзп - сопротивление нулевого защитного проводника [Ом].

Uф = 220 В; Ом ( по паспорту )

 (формула 2), где:

- удельное сопротивление материала проводника [Ом*м];

l - длина проводника [м];

s – площадь поперечного сечения проводника [мм2].

рмедь= 0,0175 Ом*м

=400 м  ;  =150 м  ;  =50 м ;

;

9,1(Ом)

(А)

По величине Jкз определим с каким Jном  в цепь питания ПЭВМ необходимо включить автомат:

JкзK*Jном

(формула 3), где K – качество автомата.

(А)

4.2.2. Выводы

Для отключения ПЭВМ от сети в случае короткого замыкания или других неисправностей в цепь питания ПЭВМ необходимо ставить автомат с Jном = 8 А.

4.2.3. Методы и средства защиты от ультрафиолетового излучения

Энергетической характеристикой является плотность потока мощности [Вт/м2].

Биологический эффект воздействия определяется внесистемной единицей эр: 1 эр - это поток (280 - 315 нм), который соответствует потоку мощностью 1 Вт.

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

Максимальная доза облучения:

  •  7.5 мэр*ч/ м2 за рабочую смену;
  •  60 мэр*ч/м2 в сутки.

Для защиты от ультрафиолетового излучения применяют:

  •  защитный фильтр или специальные очки (толщина стекол 2мм, насыщенных свинцом);
  •  одежда из фланели и поплина;
  •  побелка стен и потолка (ослабляет на 45-50%).

4.2.4. Методы и средства защиты от статического электричества

Защита от статического электричества и вызванных им явлений осуществляется следующими способами:

  •  проветривание без присутствия пользователя;
  •  влажная уборка;
  •  отсутствие синтетических покрытий;
  •  нейтрализаторы статического электричества;
  •  подвижность воздуха в помещении не более 0.2 м/с;
  •  иметь контурное заземление.

Для защиты от статического электричества предусмотрены специальные шнуры питания с встроенным заземлением. Там, где это не используется (отсутствует розетка) необходимо заземлять корпуса оборудования.

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

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

4.2.5. Методы и средства защиты от электромагнитных полей низкой частоты

Защита от электромагнитных излучений осуществляется следующими способами:

  •  время непрерывной работы - не более 4 часов в сутки, суммарное время работы за неделю – не более 20 часов;
  •  расстояние - не менее 50 см от источника;
  •  экранирование экрана монитора, поверхность экрана покрывается слоем оксида олова, либо в стекло ЭЛТ добавляется оксид свинца;
  •  расстояние между мониторами - не менее 1,5 м;
  •  не работать слева от монитора ближе 1.2 м, сзади - 1 м.

4.2.6. Общие рекомендации при работе с вычислительной техникой

Для защиты от вредных факторов имеющих место при эксплуатации ЭВМ необходимо придерживаться следующих рекомендаций:

  •  правильно организовывать рабочие места;
  •  правильно организовать рабочее время оператора, соблюдая ограничения при работе с вычислительной техникой.

4.2.7. Требования к помещениям и организации рабочих мест

Особые требования к помещениям, в которых эксплуатируются компьютеры:

  •  Не допускается расположение рабочих мест в подвальных помещениях.
  •  Площадь на одно рабочее место должна быть не меньше 6 м2 , а объем - не менее  20 м3.
  •  Для повышения влажности воздуха в помещениях с компьютерами следует применять увлажнители воздуха, ежедневно заправляемые дистиллированной или прокипяченной питьевой водой. Перед началом и после каждого часа работы помещения должны быть проветрены.

Рекомендуемый микроклимат в помещениях при работе с ПЭВМ:

  •  температура 19- 21°С;
  •  относительная влажность воздуха 55-62%.

В помещениях, где размещены шумные агрегаты вычислительных машин (матричные принтеры и тому подобное), уровень шума не должен превышать 75 дБА, в обычных же помещениях, где стоят персональные машины, допускается максимум 65 дБА.

Снизить уровень шума в помещениях с мониторами и ПЭВМ можно использованием звукопоглощающих материалов с максимальными коэффициентами звукопоглощения  в области частот 63 - 8000 Гц для отделки помещений (разрешенных органами и учреждениями Госсанэпиднадзора России), подтвержденных специальными акустическими расчетами.

Дополнительным звукопоглощением служат однотонные занавеси из плотной ткани, гармонирующие с окраской стен и подвешенные в складку на расстоянии 15 - 20 см от ограждения. Ширина занавеси должна быть в 2 раза больше ширины окна.

Помещения должны иметь естественное и искусственное освещение. Желательна ориентация оконных проемов на север или северо-восток. Оконные проемы должны иметь регулируемые жалюзи или занавеси, позволяющие полностью закрывать оконные проемы. Занавеси следует выбирать одноцветные, гармонирующие с цветом стен, выполненные из плотной ткани и шириной в два раза больше ширины оконного проема. Для дополнительного звукопоглощения занавеси следует подвешивать в складку на расстоянии 15-20 см от стены с оконными проемами.

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

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

Рабочие места должны располагаться от стен с оконными проемами на расстоянии не менее 1,5 м, от стен без оконных проемов на расстоянии не менее 1,0 м.

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

Освещенность на рабочем месте с ПЭВМ должна быть не менее:

  •  экрана - 200 лк;
  •  клавиатуры, документов и стола - 400 лк.

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

Освещенность дисплейных классов, рекомендуемая отраслевыми нормами, лежит в пределах 400-700 лк и мощностью ламп до 40Вт.

В качестве источников света при искусственном освещении необходимо применять преимущественно люминесцентные лампы типа ЛБ цветовая температура (Тцв) излучения которых находится в диапазоне 3500-4200°K.

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

При установке рабочих мест нужно учитывать, что мониторы должны располагаться на расстоянии не менее 2 метров друг от друга, если брать длины от задней поверхности одного до экрана другого, и 1,2 метра между их боковыми поверхностями. При выполнении творческой работы, требующей «значительного умственного напряжения или высокой концентрации внимания», между компьютерами должны быть установлены перегородки высотой 1,5-2,0 метра.

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

Рабочий стул должен быть подъемно-поворотным и регулируемым по высоте и углам наклона сиденья и спинки, а также расстоянию спинки от переднего края сиденья.

Экран монитора должен находиться от глаз пользователя на расстоянии 600-700 мм, но не ближе 500 мм. В помещениях ежедневно должна проводиться влажная уборка.

Рабочее место должно быть оборудовано подставкой для ног, шириной не менее 300 мм, глубину не менее 400 мм, регулировку по высоте в пределах 150 мм и по углу наклона опорной поверхности до 20 градусов. Клавиатуру следует располагать на поверхности стола на расстоянии 100-300 мм от края, обращенного к пользователю, или на специальной, регулируемой по высоте рабочей поверхности.

4.2.8. Требования к организации работы

Для преподавателей вузов и учителей средних учебных заведений длительность работы в дисплейных классах устанавливается не более 4 часов в день. Для инженеров, обслуживающих компьютерную технику, - не более 6 часов в день. Для обычного пользователя продолжительность непрерывной работы за компьютером без перерыва не должна превышать 2 часов.

Необходимо делать 15-минутные перерывы каждые 2 часа, менять время от времени позу.

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

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

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

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

4.3. Выводы

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


5. Заключение

В ходе выполнения дипломной работы были  исследованы способы графического оформления интернет-видеоэфира, были разработаны модули с веб-интерфейсом для управления видеографическим оформлением, и плагины веб-плеера для отображения оформления. Модули и плеер были установлены на сайте miem.tv и в системе организации видеоархива. Был получен опыт:

  •  в объектно-ориентированном программировании в среде Symfony Framework и Adobe Flash;
  •  в разработке интерактивных приложений.

По итогам проделанной работы можно сделать следующие выводы:

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


Используемая литература

  1.  Статьи про системы оформления эфира из журнала “625” выпуск №5, Москва 2007.
    1.  http://www.relga.rsu.ru/n59/jur59_1.htm - сайт “Релга”. Статья “Интерактивное телевидение в мире и в России”.
    2.  http://prosystem.ru/guide/navigator/detail.php?ID=2871 – сайт система графического оформления и автоматизации эфира Tele info
    3.  www.video-soft.ru/tv/title/ - сайт системы графического оформления
    4.  http://www.scala.com/products - сайт системы графического оформления Scala infochannel
    5.  http://tvserver.ru/?page=DigiTV/description.html - обзор  цифрового видеосервера DigiTV
    6.  Мук К. ActionScript 3.0 для Flash. Подробное руководство. — СПб: Питер, 2009.
    7.  http://www.adobe.com/products/player_census/flashplayer/ - официальный сайт Adobe. Описание Flash Player.
    8.  http://ru.wikipedia.org/wiki/субтитры - свободная энциклопедия. Статья “Субтитры”.
    9.  http://as3flvplayer.sourceforge.net/ - официальный сайт Fplayer.
    10.  http://www.flowplayer.org/ - официальный сайт Flow Player.
    11.  http://www.longtailvideo.com/ - официальный сайт JW Player.
    12.  http://designformasters.info/posts/flash-embed-with-swfobject-2/ -статья  “Внедрение Flash с помощью SWFObject 2”. SWFObject Team,  2008.
    13.  Fabien Potencier, François Zaninotto. The Definitive Guide to symfony.- Apress, 2008.
    14.  Официальный учебный курс. Adobe CS3 Professional. — М: Триумф, 2008.
    15.  описание программ Datavideo и Vizrt http://www.okno-tv.ru
    16.  Fabien Potencier. Practical symfony - Propel edition. Sensio Labs Books, 2009
    17.  Колисниченко Д.Н. Самоучитель PHP 5. М:Наука и техника, 2004.
    18.  ГОСТ 12.0.003-86 Опасные и вредные производственные факторы. Классификация.
    19.  Сибаров Ю.Г. и др. Охрана труда на ВЦ. М. 1989.
    20.  ГОСТ  12.1.030-81 Электробезопасность. Защитные заземления, зануления.
    21.  САНПиН 1340-03 Гигиенические требования к персональным ЭВМ и организация работы.
    22.  ГОСТ CCБТ 12.1.045-84 Электростатические поля. Допустимые условия на  рабочем месте.
    23.  ГОСТ CCБТ  12.1.124-84 Средства защиты от статического электричества
    24.  ФЗ РФ №181 1999г. «Об основах охраны труда в РФ»
    25.  Трудовой кодекс РФ.

 

PAGE  1

А конференцию МИЭМ чего не написал?Состояние удовлетворительное  НА видео с альфа-каналом? Это графика имеет альфа канал, для видео-то он зачем? Мы же ПОД него ничего не кладем.Для  всех версий? Что с 7, 8 ?Код выделяется моноширинным шрифтом (courier)Таблицы подписывают сверху
r

l

=

´

r


 

А также другие работы, которые могут Вас заинтересовать

11702. Меры, ознакомление и работа с мерами. Меры твердости образцовые. Меры длинны концевые 99.5 KB
  Лабораторная работа № 2 Меры ознакомление и работа с мерами. Меры твердости образцовые. Меры длинны концевые 1. ЦЕЛЬ РАБОТЫ: 1. Освоить понятие меры; 2. Ознакомиться с разновидностями мер; 3. Ознакомиться с образцовыми мерами твёрдости служащие для поверки п
11703. СВЧ - Влагомер тест -100 97.5 KB
  Лабораторная работа № 4 СВЧ Влагомер тест 100 1. ЦЕЛЬ РАБОТЫ: Изучить принцип работы СВЧ влагомера ТЕСТ100. Измерить влажность калибровочных растворов. Построить график зависимости затухания СВЧ волн от концентрации воды в пробе. Измерить затухание в про
11704. Исследование работы рефрактометра ИРФ - 22 330.5 KB
  Лабораторная работа № 3 Исследование работы рефрактометра ИРФ 22 1 ЦЕЛЬ РАБОТЫ: Изучение принципа работы на рефрактометре ИРФ 22. 2. ОБОРУДОВАНИЕ И ПРИБОРЫ: Рефрактометр ИРФ 22; Дистиллированная вода. Этанол. Четыре контрольные пробы раствора с разл
11705. Создание диаграммы вариантов использования в среде проектирования Rational Rose 498.5 KB
  Лабораторная работа №1 Создание диаграммы вариантов использования в среде проектирования Rational Rose 1 Общие сведения о Rational Rose Компания Rational Software является лидирующей в области создания методологий и программных решений ориентированных на программистов анали...
11706. Защита сетевых ресурсов с помощью разрешений NTFS 16.52 KB
  Лабораторная работа № 6. Защита сетевых ресурсов с помощью разрешений NTFS. Цели: назначить учетным записями группам разрешения доступа к папке и файлу; предоставить пользователям возможность изменятьразрешения доступа к файлам и папкам; предоставить пользователям воз...
11707. Настройка и администрирование сетевых принтеров 27.5 KB
  Лабораторная работа № 7. Настройка и администрирование сетевых принтеров Цель работы: узнать об установке и администрировании сетевых принтеров научиться управлять принтерами и документами а также разрешать распространенные проблемы печати. Выполнил: Слепцов И.
11708. Аудит ресурсов и событий 25.5 KB
  Лабораторная работа №8. Аудит ресурсов и событий. Цели работы: научиться планировать политику аудита настроить аудит для файлов и папок настроить аудит для принтеров просматривать журнал находить события в журнале заархивировать журнал безопасности конфигуриров
11709. Мониторинг ресурсов 16.19 KB
  Лабораторная работа №9. Мониторинг ресурсов. Цели работы: оптимизировать производительность дисков с помощью утилиты Check Disk оснастки Disk Defragmenter сжатия данных и дисковых квот; определить какие из папок на Вашем компьютере являются общими; контролировать общие папки;...
11710. Архивация и восстановление данных 24.25 KB
  Лабораторная работа № 10. Архивация и восстановление данных Цели :научится архивировать данные на компьютере и по сети; Научится создать расписание архивации; Научится настроить варианты архивации в Backup Wizard Мастер архивации; Научится восстанавливать данные. Ход ра