Июнь 2010

Чтобы помочь вам в ваших начинаниях с Flash, несколько сайтов в Internet

предлагают уроки по Flash:

Flash Kit http://www. flashkit. com

Flash Planet http : //www. flashplanet. com

Faap. COm http://www. flaap. com

Macromedia http://macromedia-flash-5-infocenter. com /



Построение анимации на основе текста с помощью FlaX

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



ПРАКТИКУМ

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

7.19). ‘

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

GoldShell (www. goldshell. com/flax).

37 2 Глава 7. Анимация, звук и видео





Передача потокового аудио и видео

На AM-, FM — и ХМ-радиоканалах радиостанции передают сигналы всем, кто

настроил свои приемники на их волну. Аналогичным образом телевизионные

станции транслируют передачи по воздушным каналам (или по кабелям) на раз — личных частотах для своей аудитории. Подобно им, Internet-радио — и телестанции

передают сигналы по Internet — «настроиться на волну» можно, посетив соответ — ствующий Web-сайт с помощью браузера. Во Всемирной Паутине существуют ты — сячи Internet-радиостанций, передающих спортивные передачи, новости, музыку и даже ток-шоу. Как показано на рис. 7.20, чтобы «настроиться» на Internet-радиостан — цию, вы просто посещаете Web-страницу сайта с использованием своего браузера.





Глава 7. Анимация, звук и видео 37 3





Более длинный перечень радиостанций можно найти на Web-сайте справочни —

ка радиостанций brs (http://web-radio. fm/). На этом сайте можно просмотреть списки радиостанций по штатам, странам или по формату (джаз, легкая музыка,

ретро, спорт, ток-шоу и так далее). * .

Чтобы обеспечить свою непревзойденность, некоторые сайты предлагают пото — ковое видео, просматривать которое можно в окне на экране, как показано на рис. 7.21. Перечень сайтов, транслирующих телепередачи в Web, можно найти по адресу http://www. tvradioworld. com, http://www. etown. edu/vl/radio. html И http://dmoz. org/Arts/Television/News/.

















$11.

Did Entertainment EditorJoel

SiegeienjoyOcean’s1i? Findout

in his review of the ail-star heist movie.

























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

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

за данные, передаваемых от вашего имени. Существует несколько компаний, предла- гающих услуги по размещению и трансляции потоковых аудио — и видеоданных:

Bit Streaming Video

Host Express. com

Prime Internet Network

Stream Audio



http://www. bitstreamingvideo. com/index. html

http://www. hostexpress. com/real. html http://www. primenetwork. net/housing. html

http://www. streamaudio. com



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

37 4 Глава 7. Анимация, звук и видео





диа является компания RealNetworks. RealNetworks предлагает пробный сервер,

который вы можете загрузить и использовать на своей машине (пробный сервер будет работать в течение одного года, однако будет поддерживать только 25 под — ключений одновременно). Кроме того, у RealNetworks можно приобрести и пол — нофункциональный сервер потокового медиа. •



ПРАКТИКУМ

Чтобы выгрузить и опробовать сервер RealNetworks, посетите Web-сайт

RealNetworks (http://www. reai. com) и следуйте ссылкам, ведущим к «Products

And Services» («Продукция и услуги»); затем воспользуйтесь поиском, чтобы найти

бесплатные продукты («free products»). После завершения выгрузки запустите про — грамму установки, которая установит на вашей машине сервер потокового медиа. Чтобы вам было легче освоиться, в дистрибутив сервера включены несколько

аудио — и видеофрагментов, к которым вы (и другие пользователи) можете подклю — чаться со своего сайта. Для обращения к потоковому медиа в URL-адрес обычно включается номер порта, например, 8080, как показано ниже:



http://www. yoursite. com:8080/ramgen/AudioClipName. rm



«За кулисами» сетевые приложения ссылаются друг на друга с помощью номе —

ров,’которые программисты называют номерами портов (port numbers). HTTP-брау — зер и сервер, например, обращаются друг к другу как к «приложению, выполняю —

щемуся на порте 80″. Номер порта — это просто значение, которое соответствует конкретному приложению. Номер порта 8080 соответствует серверу потокового

медиа Real Media. При включении в URL номера порта 8080 удаленный сервер посылает запросы не на Web-сервер (который находится на порту 80), а, в данном случае, на сервер потокового медиа.



ПРИМЕЧАНИЕ Если ваш сервер защищен брандмауэром, для того, чтобы ваш сайт мог по — сылать потоковое медиа (или получать запросы на потоковое медиа), может потребоваться разрешить сообщениям проходить сквозь брандмауэр к порту 8080.



Создание потокового медиа

Установив сервер потокового медиа, вы, скорее всего, захотите создавать свои собственные файлы потоковых видео — или аудиоданных. Чтобы создать потоковый аудиофайл, пригодный для использования с RealNetworks, можно воспользоваться

такой программой, как Cool Edit, которую можно выгрузить по адресу http:/ /

www. syntrillium. com (СМ. рИС. 7.22).



ПРАКТИКУМ

Работая с Cool Edit, вы просто открываете аудиофайл и затем выбираете в меню

File | Save a Copy As (Файл | Сохранить копию как…), чтобы сохранить файл в формате

.rm (Real Media). Затем, чтобы поместить файл на свой сайт для трансляции, можно

создать ссылку на аудиофрагмент в HTML-файле, как показано ниже;





Запуск аудиофрагмента

Глава 7. Анимация, звук и видео 375









В Internet можно отыскать несколько программ для преобразования видеофай — лов из одного формата в другой, например, из AVI в QuickTime. Сервер потокового медиа RealNetworks поддерживает видеоформаты MPE G и QuickTime, а также фор —

мат Real Video (файлы с расширением .rm). Чтобы поместить в Web-страницу потоко- вое видео, используется ссылка, аналогичная показанной ниже:

Запуск потокового видео





Создание страницы с Web-камерой



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

Многие компании также нашли способы внедрить Web-камеры в свои Web-сай —

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

многие детские сады сейчас предлагают страницы, позволяющие родителям «заг — лядывать к ним» в течение дня. Другой пример: тюрьма округа Марикопа в Аризо —

не ИСПОЛЬЗует Web-камеру (http://www. crime. com/info/jailcam. html), чтобы

пользователи могли наблюдать за жизнью заключенных в окружной тюрьме. Боль —

шой перечень Web-камер можно найти по адресу http://www. ispy. nl.

376 Глава 7. Анимация, звук и видео





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

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

мер, Х10, чей сайт вы можете посетить по

адресу http://www. xio. com, предлагают бес — проводные камеры, подобные той, которая по — казана на рис. 7.24. Такие камеры могут пере- давать сигнал на расстояние до 30 метров приемнику, подключенному непосредственно к компьютеру.

Запуск видео

анимацию, изображения потребуется сохранить в формате RealPix. С помощью RealPix и SMIL можно постепенно уменьшать или увеличивать контрастность изображения, а также размывать и объединять изображения. На Web-сайте RealMedia доступен для бесплатной выгрузки набор инструментов для авторов, с помощью которого имеется возможность создавать файлы RealText и RealPix.

При загрузке и установке сервера FLealNetworks программа установки поместит

на ваш компьютер несколько SMIL-файлов, просмотреть содержимое которых можно с помощью редактора, такого как Блокнот из Windows. На рис. 7.26 пока —

зан проигрыватель RealPlayer, воспроизводящий файл Africa. smi, который на мо — мент написания этой книги поставлялся вместе с сервером потокового медиа RealNetworks.

















382 Глава 8. JavaScript





I avaScript — это язык написания сценариев, который Web-дизайнеры могут ис —

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

ки компьютера. С помощью HTML-дескрипторов можно описывать, как должен выглядеть текст; определять такие элементы, как гиперссылки!, таблицы и формы;

давать Web-браузеру указания отображать содержимое файлов с изображениями,

фильмами или звуками. Однако язык HTML не предусматривает способа «заста —

вить» браузер выполнить последовательность инструкций. В результате, без языка

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

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

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

и отправка данных форм обратно на Web-сервер, компания Netscape (в сотрудни — честве с Sun Microsystems) разработала язык JavaScript. Хотя JavaScript является языком написания сценариев в том, что он позволяет задать набор команд, ко — торые должен выполнить Web-браузер, с помощью JavaScript нельзя создать вне — шнюю программу, работающую независимо от браузера. По существу, JavaScript называется языком написания сценариев (scripting language), поскольку он позволя —

ет написать сценарий (script), то есть набор инструкций, которому должен следо —

вать браузер. Более того, операторы JavaScript, из которых состоит сценарий, внедряются в HTML-код Web-страницы.

Для написания JavaScript-сценария никаких специальных инструментов не требуется; можно пользоваться тем же текстовым редактором, с помощью кото — рого вы создаете Web-страницы. Кроме того, наиболее популярные Web-браузеры (такие как Netscape Navigator и Internet Explorer) снабжены встроенной поддерж —