Flash-технологии в Web-документах

 

Web-страница = HTML + DHTML(JavaScript/VBScript, CSS) + Flash + CGI

 

  Она получилась очень похожей на самую первую формулу. Flash  играет роль модного дополнения к дизайну Web-страницы. На данный момент многие технологии ориентированы на это, к примеру, - Metastream, которая позволяет демонстрировать векторную 3D графику на Web-страницах. Все они имеют существенный минус - необходимость наличия у пользователя специального модуля расширения (plug-in).

                          

                                           8. Возможности Flash.

 

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

8.1.Использование векторной графики.

  Использование векторной графики как графического режима по умолчанию

делает Flash незаменимым  средством разработки для Web . Векторная графика – это объекты, определяемыми математическими уравнениями, или векторами, которые содержат информацию о размере, форме, цвете, границе и местоположении (приложение рис.1, 3). Это эффектный способ обращения с графикой, в результате которого получаются файлы относительно небольших размеров даже при работе со сложными рисунками. Более того, векторная графика не зависит от разрешения, с которым просматривается объект.

  Векторная графика на сегодня - идеальное решение для разработки Web-

сайтов, позволяющее с  равной эффективностью воспроизводить изображения практически на всех типах компьютеров (Pc, Mac, NoteBook) и мониторов.

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

  По сути, вектор - это  прямая, направленная от точки  до точки, так как век-

торное изображение  состоит их координат угловых точек, между которыми проходят прямые. Чтобы изобразить простую линию в растровом формате, потребуется указывать местоположение каждой точки этой линии, для изображения той же линии в векторе, необходимо лишь указать две точки и расстояние между ними, плюс - толщина линии и ее цвет. Естественно, что многие цифровые параметры неоднократно повторяются, именно они и позволяют легко сжимать векторные изображения в два, три раза.   В отличие от растровых форматов, таких как GIF и JPEG, используемых в сети повсеместно, векторные изображения - графика, тексты, схемы и анимация легко экспортируются в необычайно компактные файлы формата SWF (Shock Wave Flash), которые быстро грузятся и способны потоково проигрываться непосредственно в Сети при помощи обычного браузера.

                            

8.2.Технология Symbol Conversation

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

как такие элементы, как  векторы, растровые изображения  и звук обычно ис-

пользуются в одном  проекте несколько раз, Flash, благодаря своей внут-ренней функции Symbol Conversation позволяет создавать единственный экзем-

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

     К дополнению  была разработана библиотека - Library. Она представляет

собой перечень всех используемых констант, в качестве которых могут выс-

тупать как нарисованные символы, так и импортированные  графика и звуки.

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

     Цветовые  палитры, а также градиентные  заливки можно импортировать  (и

экспортировать) из других графических приложений (например, Macromedia

Fireworks и Adobe Photoshop), что обеспечивает неизменность цветов на всем

сайте. Палитра сохраняется  в файле .fla и не влияет на размер экспортируемого файла .swf. По умолчанию Flash использует палитру web-safe.

     Используя  свойства технологии Symbol Conversation можно  создавать

текстовые поля позволяющие  вводить данные во время воспроизведения Flash- проекта для создания всевозможных форм сбора сведений от пользователей: ввода паролей, регистрационных, опросных и др. Это, наиболее значительное нововведение и шаг к созданию полноценных Web-сайтов. Кроме того, поля применяются для динамической замены текста. Такое свойство может быть использовано для отображения постоянно обновляемой информации: биржевой, спортивной, прогнозов погоды. Когда пользователь создает текстовое поле, он назначает ему переменную. При этом возможно передавать переменные в разные сцены ролика, в server-side-приложения для занесения их в базы данных и даже загружать новые данные.

 

                                8.3. Передача данных в потоковом режиме

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

  Потоковая передача  содержимого – это ещё один  пример технологии, поро-

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

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

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

   Потоковые возможности означают, что даже большие файлы со звуком,

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

 

                                             8.4.Работа со звуком.

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

 Доказано, что dhtml, html или любой другой стандарт  не может быть тесно

интегрирован со звуковыми  файлами. Фоновый звук, который подключается через тег BGSOUND или EMBED, может иметь формат mid или wav. При использовании первого формата страница начинает бренчать и поскрипы- вать, но по размеру mid вполне подходит для сети Интернет. Ясно, что mid качеством отличается в обратную сторону. Звуки в формате wav имеют неплохое качество, но размер дает о себе знать, замедляя загрузку сайта, что  конечно, зависит от продолжительности звукозаписи.

    С появлением  и распространением Flash  любители  озвучивать страницы

стали помещать на страницу мало заметный Flash-клип, который повторяется

«вечно» и проигрывает  один и тот же звуковой фрагмент. При этом соотношение качество/размер остается на приемлемом уровне.

  Контроль над звуком  происходит с точностью до  единичного кадра, и его

применение ограничено только воображением. Flash проигрывает звук нес-

колькими способами. Он воспроизводится независимо от времени  либо с

синхронизацией анимации со звуковой дорожкой. Существует также возможность изменять уровень звука для каждого канала и применять эффект плавного увеличения и уменьшения громкости. Итак, Flash использует два типа звуков - связанный с событием (event sounds) и потоковый (stream sounds). Их главное различие в том, что первый должен полностью загрузиться, а второй начинает воспроизводиться по мере того, как будет получен достаточный объем данных, необходимый для синхронизации с первыми несколькими кадрами. На размер экспортируемого файла .swf значительно влияет степень компрессии, которая может составлять от 8 до 160 kBps и указывается в окне Publish Settings. Flash импортирует звуковые файлы в формате AIFF, WAV и MP3.

                                   9. Сценарии во Flash

   

 Мало что пленяет человека, как движение и взаимодействие. Именно это и

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

  Возможность создавать  кнопки, нажатие которых приводит  к выдаче инфо-

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

   Action Script можно  рассматривать как основной язык  программирования во Flash. С его помощью можно запрограммировать проект Flash на выпо- лнение различных задач. Подобно многим другим языкам программирова-ния, термины Action Script определяют смысловую нагрузку, порядок их следования – логическую структуру, а знаки препинания – контекст.

  Для разработки  интерактивных элементов во Flash используют  три основных компонента: событие (event), порождающее определённое действие, действие (action), порождаемое тем или иным образом событием, и целевой объект (target), выполняющий действие или изменяемый событием.

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

  Событие – является инициатором, какого либо действия в проекте. Во Flash

    события подразделяются  на:

   1 .  События мыши/клавиатуры -эти события инициируются пользователем.

   2. События кадров – если разрабатывается Flash-ролик, то по достижении какого либо кадра возникает событие.

   3. События переменных – событие происходит либо по истечении

      определённого  интервала времени, либо значение  переменной достигло

      того  условия для которого запланировано событие.

 

  Целевой объект – это непосредственно объект, над которым будет проведе-но действие вызванное событием. Целевые объекты подразделяются на четыре основных типа:

   1. Текущий проект  и его свойства.

   2. Другой проект  и его свойства (если проект находится в рамках основного

      проекта)

   3. Графические  элементы проекта (кнопка, рамка,  фон и т.п.)

   4. Внешние приложения (Интернет-браузер или другие программы)

 

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

бо какой либо переменной.

   Для идентификации  объектов или экземпляров проектов  в сценариях Action

Script им назначаются  имена, что позволяет управлять  отдельными объектами при помощи Action Script.

  В последних версиях  Flash было включено множество дополнительных

 возможностей для  управления проектов при помощи Action Script. Теперь

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

 может вполне применятся и для простых “статических” страничек, так и для

 многоцелевых сайтов, например: продажа в Интернете,  электронная почта и

 чат.

                          10. Принципы Macromedia Flash.

    

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

   1. Использование   обозначений для элементов, которые появляются больше

      одного  раза.

   2. Объединение  кадров в действиях перемещения  (motion tweens), которые

      позволяет  автоматически просчитать некоторые  промежуточные моменты

      перемещения,  для ускорения  разработки  проектов.

   3. Объединение  кадров в действиях трансформации  (shape tweens), которые

      позволяет  автоматически просчитать некоторые  промежуточные моменты

      трансформации  объектов, для ускорения  разработки  проектов.

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

   5. Использование  слоёв, для разбиения перекрывающихся  объектов клипа.

   6. Сокращение  числа различных шрифтов и  стилей, путём преобразования их в объекты векторной графики.

   7. Применение звукового  формата mp3, как самого высококачественного  и