Як і для форматів аудіо, формати файлів відео характеризуються типом комп'ютерної системи, для обслуговування якої вони створені, і якістю відео, що надається. Якість відео залежить також від кодека, використовуваного для оцифрування файлу. Найбільш популярні формати відео представлені далі.
AVI Audio Video Interleave. Стандартний формат відео для Windows. Широко використовується для завантаження файлів
MPEG Moving Pictures Expert Group. Високий ступінь стиснення і невеликі розміри файлів для відтворення аудіо і відео
RV Real Video. Патентований формат для потокового відео в реальному
часу. Створює файли невеликого розміру для з'єднань з вузькою смугою пропускання
QuickTime Розроблений для комп'ютерів Apple Macintosh. Файли мають розширення .mov. Один з найбільш поширених форматів для завантаження в Web. Потрібний спеціальний плеєр
WMV Windows Media Video. Розроблений для файлів потокового відео. Дуже хороша якість для різних смуг пропускання. Один з найширше використовуваних форматів
Незалежно від використовуваного формату з'єднання з файлами або доступ до потокового джерела медіа проводиться однаковим чином.
Відтворення аудіо Файли аудіо можна завантажувати з Web для локального відтворення. Файли аудіо у форматах MPEG і WAV є найбільш поширеними типами для завантаження. Файли аудіо можна також використовувати для потокової трансляції з комп'ютера медіасервера. Це може здійснюватися у формі широкомовлення або для отримання за запитом оцифрованих файлів . Формат WMA є популярним форматом Windows для потокового аудіо.
З'єднання з файлами аудіоФайл аудіо робиться доступним для завантаження і відтворення при розміщенні його в каталозі Web. Доступ до файлу здійснюється через просте посилання за допомогою тега <a>, що кодується з відносною адресою URL файлу. При клацанні на посиланні файл відкривається на комп'ютері клієнта в зовнішньому Media Player. Плеєр здійснює прогресивне завантаження, так що користувачеві не потрібно чекати завантаження всього файлу, перш ніж починається відтворення. Після завантаження файлу він стає доступним на ПК користувача, і його можна повторно відтворити локально.
Наприклад, наступні графічне і текстове посилання з'єднуються з файлом аудіо формату WAV, що знаходиться в тому ж каталозі, що і сторінка Web. Клацання на посиланні відкриває зовнішній Media Player для завантаження і відтворення. Зовнішній вигляд Media Player на комп'ютері залежить від його конфігурації.
Приведені вище посилання кодуються, як показано нижче. Атрибут href тегів <a>, що оточують графічне зображення і текст, є адресою URL локальних файлів аудіо у форматі WAV.
Лістинг 1. Код для з'єднання з файлом аудіо (html, txt)
Вбудовування файлів аудіоВбудовування Media Player в сторінку Web реалізується за допомогою тега <object>. Цей тег є узагальненим способом вбудовування численних видів об'єктів в сторінку Web. Його загальний формат для вбудовування файлів аудіо показаний нижче.
<object classid="classID"
width="n"
height="n">
<param name="URL" value="url"/>
<param name="autoStart" value="true|false"/>
<param name="uiMode" value="none|mini|full"/>
</object>
Лістинг 2. Загальний формат тега <object> (html, txt)
Тег <object> є лінійним тегом, тобто він повинен бути вкладений в блоковий тег, щоб пройти перевірку XHTML.
classid є числом, яке ідентифікує тип об'єкту для вбудовування в сторінку. Для Media Player цим значенням буде:
Зі своїми настройками за умовчанням Player виводить відеоекран і елементи відтворення, що управляють. Екран використовується для виведення візуального супроводу (світломузики), який змінюється у відповідь на аудіосигнал. Вживаний за умовчанням розмір Player можна змінити, кодуючи атрибути ширини і висоти, задаючі розміри в пікселях.
Вбудований Media Player для аудіо уявлення показаний на малюнку 9.4, а його код - на лістингу 9.3. Адреса URL указує на аудіофайл в тому ж каталозі, де міститься ця сторінка Web. Player виводиться з екраном візуалізації і розмірами за умовчанням, відтворення не починається, поки не буде натиснута кнопка "Play".
Мал. 9.4. Вбудований Media Player для відтворення аудіо файлу
Лістинг 3. Код вбудовування Media Player для відтворення аудіофайлу (html, txt)
Тег <object> має набір параметрів запуску (param) для Player. Необхідно задати параметр name="URL" і визначити розташування value="url" аудіофайлу. Буде чи ні файл відтворюватися негайно після завантаження сторінки, задається в параметрі name="autoStart". Значення цього параметра за умовчанням value="true"; завдання value="false" вимагає, щоб користувач ініціював відтворення, натискаючи кнопку "Play" на панелі управління. Якщо відеоекран виводити не потрібний, можна включити значення height="45"; в цьому випадку виводитимуться тільки елементи управління.
Мал. 9.5. Вбудований Media Player, що виводить тільки елементи управління
Параметр name="uiMode" тега <object> дозволяє задати виведення характеристик вбудованого плеєра. Його значення за умовчанням value="full" створює повний екран виводу і повний набір елементів управління. Із значенням value="mini" створюється скорочений екран візуалізації і мінімальний набір елементів управління без індикатора ступеня виконання або кнопок селектора трека. Типовий мінімальний вивід показаний нижче, в даному випадку - із заданою шириною і висотою плеєра.
Лістинг 9.4. Код для завдання Media Player в режимі "mini" (html, txt)
Програмування плеєраПри завданні для параметра uiMode значення value="none", елементи управління плеєра Media Player не виводяться. Виводиться тільки екран. Це може бути відповідною настройкою, коли плеєр запускається автоматично або якщо користувач знає, що елементи управління доступні для запуску і зупинки відтворення в "контекстному меню", що виводиться при клацанні правою кнопкою миші у вікні плеєра. Проте зазвичай стандартні елементи управління приховані, тому що вони будуть запрограмовані самостійно.
Хоча це не підручник по програмуванню сторінок Web, досить просто задати свої власні кнопки, що управляють, для Media Player. Це зроблено для показаного нижче плеєра.
Лістинг 9.5. Код програмування елементів управління Media Player (html, txt)
Перш за все, необхідно задати для Player значення id, щоб на нього можна було посилатися в сценарії. Тут id="Player" привласнюється тегу <object>. Параметру uiMode задається значення value="none", щоб подавити виведення елементів управління, автозапуск autoStart вимикається, а властивості стилю width і height задають розмір екрану візуалізації.
При видаленні панелі управління необхідно створити власні кнопки "Start" і "Stop" для управління плеєром. Ці кнопки створюються за допомогою елементів управління <input type="button"/>. (Створення кнопок розглядається далі).
Щоб зробити кнопки такими, що реагують на клацання миші, кнопкам додається обробники подій onclick. Ці обробники подій кодуються за допомогою операторів JavaScript для управління плеєром. Для кнопки "Start" оператор Player.controls.play() викликає метод play() плеєра Player, щоб почати відтворення, для кнопки "Stop" оператор Player.controls.stop() викликає метод stop() плеєра Player, щоб зупинити відтворення. Ось, власне, і все.
Фактично не потрібний навіть взагалі виводити плеєр Player. Для відтворення аудіо можна приховати його повністю і включати і вимикати звук за допомогою запрограмованих кнопок. Задайте в коді для тега <object> значення width і height як 0px і створіть кнопки управління.
Лістинг 9.6. Код програмування прихованого Media Player (html, txt)
Оскільки Media Player невидимий, то не має значення, де на сторінці записується тег <object>.
Якщо подивитися уважно, то можна відмітити невелику крапку в нижньому лівому кутку кнопки "Start". Це Media Player, зредукований до однієї крапки, при завданні його ширини і висоти рівними 0 пікселів. Якщо бажано повністю виключити крапку, включите таблицю стилів для Player з width:0px і height:0px.
Програмування плеєраПри завданні для параметра uiMode значення value="none", елементи управління плеєра Media Player не виводяться. Виводиться тільки екран. Це може бути відповідною настройкою, коли плеєр запускається автоматично або якщо користувач знає, що елементи управління доступні для запуску і зупинки відтворення в "контекстному меню", що виводиться при клацанні правою кнопкою миші у вікні плеєра. Проте зазвичай стандартні елементи управління приховані, тому що вони будуть запрограмовані самостійно.
Хоча це не підручник по програмуванню сторінок Web, досить просто задати свої власні кнопки, що управляють, для Media Player. Це зроблено для показаного нижче плеєра.
Лістинг 9.5. Код програмування елементів управління Media Player (html, txt)
Перш за все, необхідно задати для Player значення id, щоб на нього можна було посилатися в сценарії. Тут id="Player" привласнюється тегу <object>. Параметру uiMode задається значення value="none", щоб подавити виведення елементів управління, автозапуск autoStart вимикається, а властивості стилю width і height задають розмір екрану візуалізації.
При видаленні панелі управління необхідно створити власні кнопки "Start" і "Stop" для управління плеєром. Ці кнопки створюються за допомогою елементів управління <input type="button"/>. (Створення кнопок розглядається далі).
Щоб зробити кнопки такими, що реагують на клацання миші, кнопкам додається обробники подій onclick. Ці обробники подій кодуються за допомогою операторів JavaScript для управління плеєром. Для кнопки "Start" оператор Player.controls.play() викликає метод play() плеєра Player, щоб почати відтворення, для кнопки "Stop" оператор Player.controls.stop() викликає метод stop() плеєра Player, щоб зупинити відтворення. Ось, власне, і все.
Фактично не потрібний навіть взагалі виводити плеєр Player. Для відтворення аудіо можна приховати його повністю і включати і вимикати звук за допомогою запрограмованих кнопок. Задайте в коді для тега <object> значення width і height як 0px і створіть кнопки управління.
Лістинг 9.6. Код програмування прихованого Media Player (html, txt)
Оскільки Media Player невидимий, то не має значення, де на сторінці записується тег <object>.
Якщо подивитися уважно, то можна відмітити невелику крапку в нижньому лівому кутку кнопки "Start". Це Media Player, зредукований до однієї крапки, при завданні його ширини і висоти рівними 0 пікселів. Якщо бажано повністю виключити крапку, включите таблицю стилів для Player з width:0px і height:0px.
Відтворення декількох звуківПісля невеликої модифікації сценарію можна відтворювати декілька звуків за допомогою одного і того ж Media Player. У наступному прикладі програються голоси чотирьох різних тварин при клацанні на чотирьох окремих тегах <img/>. Тег <object> приховує Media Player і не задає ніяких тегів <param>. Тому ніякий файл для відтворення не задається; тільки невидимий плеєр вбудований в сторінку.
Мал. 9.9. Відтворення декількох звукових файлів через один Media Player
Лістинг 9.7. Код для відтворення декількох звукових файлів через один Media Player (html, txt)
У обробниках подій потрібна пара операторів JavaScript. Першого оператора привласнює звуковий файл властивості URL плеєра: Player.URL='filename.wav'; другого оператора запускає його відтворення: Player.controls.play(). Не потрібно кодувати сценарій stop(), оскільки звуки будуть дуже короткими. Відзначимо, що весь сценарій обробника подій поміщений в подвійні лапки, що ім'я звукового файлу поміщене в одиночні лапки і що двох операторів розділено крапкою з комою.
Навіть людина, незнайома з мовою JavaScript, зможе модифікувати і включити цей сценарій в будь-якій тег, який використовуватиметься для завантаження і відтворення звукових файлів вбудованим плеєром Media Player.
Фонові звукиДля деяких сторінок може бути небажано виводити на екрані Media Player або кнопки, що управляють. Так буде у разі відтворення фонової музики або дикторського тексту, яке починається автоматично, коли завантажується сторінка, і зупиняється, коли відбувається звернення до іншої сторінки. Щоб відтворити фоновий звук, потрібний тільки прихований плеєр, який автоматично запускає аудіофайл.
Лістинг 9.8. Код відтворення фонового звуку (html, txt)
Тут, оскільки Player невидимий, не має значення, де на сторінці кодується цей тег <object>. Як тільки сторінка закінчує завантажуватися, починається завантаження і відтворення звуку. Коли відбувається перехід до іншої сторінки, те відтворення аудіо зупиняється.
Виключений тег embedMedia Player можна вбудовувати в сторінку Web за допомогою тега <embed/>, загальний формат якого показаний нижче.
<embed src="url" autostart="true|false"/>
Атрибут src є адресою URL файлу. Властивість autostart указує, чи повинен файл негайно починати відтворення, коли відкривається сторінка.
Відтворення відео Немає істотних відмінностей між викликом і відтворенням файлів відео в порівнянні з файлами аудіо. Файли відео можна завантажувати з Web для локального відтворення. Файли у форматах AVI і MPG є найбільш поширеними типами файлів для завантаження. Відео файли у форматі WMA можуть передаватися в потоковому режимі з медіасервера. Це може бути жива трансляція або оцифровані файли для отримання за запитом.
З'єднання і вбудовування відеофайлів Для завантаження відеофайлу створюється посилання <a> з адресою URL цього файлу. Файл завантажується і відкривається в зовнішньому Media Player таким же чином, як аудіофайли.
Наступне посилання з'єднується з відеофайлом формату WMV, що знаходиться в тому ж каталозі, що і сторінка Web. При клацанні на посиланні файл відкривається в зовнішньому Media Player.
Точна поведінка Media Player залежить від його конфігурації.
Лістинг 9.10. Код вбудованого Media Player для відтворення відеофайлу (html, txt)
Програмування плеєра Таке ж програмування, як і у разі аудіофайлів, застосовно до відеофайлів. Стандартну панель управління можна видалити з Media Player і замінити програмованими кнопками. Наступний код і кнопки приховують виведення Media Player і оточують екран стилізованою рамкою для розміщення плеєра усередині оформленого тега <div>. Додані також кнопки для запуску і зупинки плеєра.
Лістинг 9.11. Код програмування Media Player (html, txt)
Оформлення плеєра З невеликими зусиллями можна задати власне оформлення плеєра, використовуючи графічні зображення для оточення екрану і карту посилань для створення програмних елементів управління. Один з таких способів показаний нижче. Екран Player перекриває зображення телевізійного екрану, забезпеченого зображеннями кнопок запуску і зупинки, сформатованими як карта посилань. Сценарії зв'язуються з картою посилань для запуску і зупинки Player.
Мал. 9.13. Оформлений Media Player
Необхідно розмістити екран Player поверх зображення телевізора. Тому обидва тега <img/> і <object> позиціонуються абсолютно, щоб отримати накладення. Щоб полегшити обчислення позицій пікселів, обидва тега поміщають всередину тега <div> з відносним позиціонуванням. Таке розміщення дає можливість позиціонувати теги <img/> і <object> щодо верхнього лівого кута (0, 0) розділу і дозволяє зображенню зберігати своє відносне положення в потоці елементів сторінки.
Лістинг 9.12. Код для оформлення і програмування Media Player (html, txt)
При відкритті сторінки відеофайл завантажується в Player, але не запускається автоматично. Його параметр uiMode заданий як "none", так що сам Player прихований; видно тільки екран. Розмір екрану і його позиція задані так, щоб точно розміститися поверх графічного зображення телевізора. Може знадобитися перевірити для екрану різні розміри і позиції, щоб точно потрапити в правильне положення поверх зображення.
Замість застосування для управління Player кнопок до зображення телевізора додані зображення кнопок для запуску і зупинки. Ці дві круглі області визначено на карті посилань, щоб зробити такими, що їх реагують на клацання миші. Тоді як карти посилань використовуються зазвичай для завдання посилань на сторінки за допомогою атрибутів href для областей, в даному випадку атрибут замінюється обробниками події клацання миші, щоб запустити і зупинити Player.
Доступ до потокового відеоЗа наявності адрес URL зовнішніх сайтів можна з'єднуватися з контентом потокового відео. Як і для аудіофайлів URL можна отримати з посилання, якщо відео відтворюється через Windows Media Player. Під час відтворення відео зробіть клацання правою кнопкою миші на екрані і виберіть "Properties" в спливаючому меню. З вікна "Properties" скопіюйте повну адресу URL відтворного потокового файлу.
Наступне вбудоване відео сполучене за цією технологією. В цьому випадку URL указує на фрагмент фільму, знайдений в Web.
Лістинг 9.13. Код вбудовування потокового відеофайлу (html, txt)
Багато наявних в Web відеофайли вимагають плату за перегляд. Також часто зустрічаються відеоплеєри, вбудовані в сторінки сайту з настройками, які не дозволяють дістати доступ до вікна Properties для отримання URL. Треба бути просто терплячим і наполегливим, щоб знайти відео, з яким можна з'єднатися. Крім того, адреси URL постійно змінюються, і пізніше може опинитися неможливо з'єднатися з відео в його початковому місцеположенні.
Потік живого відео можна захопити і відтворити за допомогою Media Player. Наступна адреса URL з'єднання C-SPAIN була визначена у вікні Properties плеєра під час живого віщання.
Лістинг 9.14. Код вбудовування живого відеопотоку (html, txt)
Спеціальні ефекти Окрім відтворення аудіо- і відеофайлів, існують інші способи створення спеціальних візуальних ефектів на сторінці Web і приєднання до зовнішніх джерел інформації для контента сторінки. Існують, наприклад, деякі теги XHTML, які можуть прокручувати текст; інші джерела інформаційного вмісту можна вбудовувати в сторінку або приєднувати з видалених сайтів за допомогою спеціальних сценаріїв, написаних на мові JavaScript.
Тег <marquee>(Примітка: Тег marquee не вважається допустимим елементом згідно стандартам XHTML 1.1. Він представлений тут у зв'язку з його популярністю, що зберігається, і підтримкою в браузерах. Сторінки Web з прологом XHTML 1.1 виконуватимуться правильно, навіть хоча вони і повністю не проходитимуть перевірку на правильність.)
Тег <marquee> застосовується для автоматичної прокрутки тексту на екрані. Текст можна прокручувати вліво, управо, вгору або вниз у визначуваній області прокрутки. Він може використовувати шрифт з будь-якими характеристиками. Наступний тег marquee має пов'язані з ним кнопки, щоб можна було бачити напрями прокрутки. Можна зробити паузу в прокрутці, поміщаючи курсор над областю marquee.
Мал. 9.16. Використання тега <marquee>
Тег <marquee> визначається наступним загальним форматом
<marquee
direction="left|right|up|down"
loop="n|-1"
scrollamount="n" ( 6 пікселів за умовчанням)
scrolldelay="n" (85 мілісекунд за умовчанням)
Виключені:
bgcolor="color""
height="n"
width="n"
hspace="n"
vspace="n"
> Текст для прокрутки
</marquee>
Лістинг 9.15. Загальний формат тега <marquee> (html, txt)
У своїй простій формі тег може використовувати всі значення за умовчанням для створення тексту, що прокручується, показаного нижче:
<marquee>Text to Scroll</marquee>
Мал. 9.17. Тег <marquee> за умовчанням
Текст, що прокручується, з'являється між тим, що відкриває і закриває тегами <marquee>. Він рухається вліво через всю сторінку (або усередині горизонтальних розмірів контейнерного тега, marquee, що містить) і змінює своє положення на 6 пікселів кожні 85 мілісекунд. Він займає на екрані вертикальний простір, відповідний розміру букв.
Напрям прокрутки можна задавати за допомогою атрибуту direction. Якщо визначене up (вгору) або down (вниз) і якщо height (висота) для тега <marquee> не задана, використовується значення height за умовчанням, рівне приблизно 200 пікселів, задаюче вертикальну область прокрутки. Marquee на початку цієї сторінки розширюється по висоті у напрямі прокрутки вниз або вгору, оскільки висота не була визначена.
Швидкість руху управляється атрибутами scrollamount і scrolldelay. Треба перевірити декілька значень настройки цих атрибутів, щоб створити необхідний ефект прокрутки.
Швидше за все, буде потрібно деяке додаткове оформлення тексту, що прокручується. Це можна зробити за допомогою властивостей стилю, пов'язаних з тегом <marquee>. Кодування наступного marquee показане нижче.
Лістинг 9.16. Код для оформлення marquee (html, txt)
marquee поміщається усередині розділу (div), щоб вирівняти його по центру і задати колір фону, на якому виводиться текст. Для marquee задана межа і визначений розмір в 50% ширини сторінки із заданим кольором тексту і фону.
Зазвичай бажано, щоб користувачі могли робити паузу при прокрутці тексту і, тим самим, мали можливість його спокійно прочитати. Це легко зробити, додаючи операторів JavaScript в тег <marquee>. Оператори сценарію зупиняють прокрутку по події "покажчик миші над" (властивість scrollAmount задається рівною 0) і відновлюють прокрутку по події "покажчик миші зовні" (властивості scrollAmount задається його початкове значення).
Динамічний HTML Теги XHTML є програмованими об'єктами, якими можна управляти за допомогою процедур JavaScript. Це було продемонстровано в попередніх прикладах, де обробники подій додавалися в теги <img/> і <marquee>, щоб зробити такими, що реагують на дії користувачів з мишею. Пов'язуючи процедури JavaScript з цими і іншими тегами, більшість елементів сторінки можна зробити такими, що реагують на події миші і клавіатури. Зазвичай ці події викликають негайні зміни в настройках стилю, динамічні зміни візуального представлення сторінки або зміна виводу інформації у відповідь на запити користувача. Такі дії з програмування тегІв називають Dynamic HTML (DHTML).
Головоломка нижче є набором зображень GIF, які запрограмовані для реагування на події перетягання миші. Фрагмент головоломки треба перетягнути на область палітри, щоб відновити зображення.
Мал. 9.19. Використання динамічного HTML (DHTML) для програмування тегов XHTML
За допомогою мови JavaScript можна програмувати теги XHTML для створення цих і інших типів спеціальних ефектів на сторінці Web. Можна також здійснити пошук в Web вже готової коди DHTML, яку можна скопіювати на сторінку Web і модифікувати відповідно до своїх цілей. У Web можна знайти додатки DHTML для створення меню і методів переміщення, прокрутки тексту, візуальних ефектів і слайдшоу, календарів, годинника, використання миші, ігор і багатьох інших спеціальних ефектів. Часто використання цих застосувань вимагає тільки копіювання коди і сценаріїв з сайту Web і вставки в створювану сторінку Web.
Функції JavaScriptІснують тисячі готових додатків JavaScript, які можна скопіювати з Web і вставити в створювану сторінку. Наступний календар і калькулятор були знайдені на сайті http://javascript.internet.com/. Зазвичай всі сценарії і відповідний код XHTML копіюють з сайту і відразу вставляють на сторінку.
Мал. 9.20. Функції JavaScript, скопійовані на сторінку Web
Можна знайти всілякі календарі, калькулятори, годинник, кнопки, форматтеры тексту, генератори меню, ігри, таблиці для пошуку, дошки оголошень і інші застосування, дуже численні, щоб їх можна було перерахувати. Зазвичай не потрібно розуміти або модифікувати код, який поміщається на сторінку.
Аплети Java (Примітка: Перш ніж виконувати аплет Java, комп'ютер повинен мати встановлене середовище виконання Java. Цей вбудовуваний модуль доступний для завантаження і установки на сайті http://www.java.com.)
Аплети є невеликими програмами, написаними на мові програмування Java для вбудовування в сторінки Web. Аплети доступні практично для будь-яких застосувань на сторінці - ігри, моделювання і настільні застосування, такі, як редагування тексту, креслення і малювання і доступ до баз даних. Багато з них можна використовувати безкоштовно. Аплет упакований як один або декілька завантажуваних файлів програм з розширенням файлу .class. Він поміщається на сторінку за допомогою тега <object> в тому місці, де повинен з'явитися. Загальна форма тега <object>, використовувана для виведення аплета Java, показана нижче.
Лістинг 9.17. Загальна форма тега <object> для аплета Java (html, txt)
Необхідно включити classid для аплета Java; настройки width і height (ширина і висоти) є необов'язковими, але можуть задаватися для зміни розміру області виводу. Щоб використовувати аплет, він повинен отримати параметри, тобто, значення даних, які модифікують аплет відповідно до існуючих потреб. Ці значення задаються за допомогою послідовності тегов <param/>, число і тип яких залежить від призначення аплета. Тег <param/> має атрибути name, для яких задаються атрибути value, які дозволяють персоналізувати аплет.
Необхідно закодувати параметр name="code"; його значенням є ім'я файлу класу аплета. Параметр name="codebase"; не потрібний, якщо файл класу знаходиться в тому ж каталозі, що і сторінка Web, на якій він знаходиться. Інакше значенням codebase буде шлях доступу до каталога класу аплета. Для конкретних аплетів можуть потрібно і інші параметри.
Приклади різних типів аплетів і вимог до кодування показані нижче. Пам'ятаєте, що тег <object> є лінійним тегом і повинен знаходитися усередині блокового тега для відповідності XHTML. Блокові теги в наступних прикладах не показані.
Маніпуляції з текстом Велике число аплетів виконує різні маніпуляції з текстом, дозволяючи прикрасити або анімувати слова і фрази. Наступний аплет, наприклад, створює ефект веселки для рядка тексту, що задається.
Мал. 9.21. Аплет Java для декорування тексту
Показаний вище аплет називається RainbowText.class; він був завантажений з сайту http://javaboutique.internet.com, що пропонує вільно доступні аплети. Цей файл класу знаходиться в тому ж каталозі, що і сторінка Web. Тег <object> для цього застосування показаний нижче.
Лістинг 9.18. Код, що застосовує аплет Java для декорування тексту (html, txt)
Параметр name="code" задає ім'я файлу класу аплета (RainbowText.class). В даному прикладі параметр name="codebase" не потрібний, оскільки файл класу знаходиться в тому ж каталозі, що і сторінка Web. Даний аплет має додаткові параметри, що визначають характеристики рядка тексту, до якого застосовується аплет. Документація аплетів зазвичай визначає необхідні параметри і діапазони значень, які вони приймають.
Прокрутка тексту Інші популярні аплети виконують прокрутку тексту, і багато хто з них застосовує методи, які неможливо реалізувати за допомогою тега XHTML <marquee>. Наприклад, аплет з ім'ям Terminal.class, завантажений з того ж сайту, створює показаний нижче вивід. Цей аплет прокрутки використовує для уявлення режим машинки, що пише. Файл класу аплета знаходиться в тому ж каталозі, що і сторінка Web.
Мал. 9.22. Аплет Java для створення прокрутки тексту
Лістинг 9.19. Код, що використовує аплет Java для прокрутки тексту (html, txt)
Цей аплет вимагає використання тегов <param/> для кожних (до) десяти рядків тексту. Одна пара тегов задає текстовий рядок для виводу; інша задає число секунд паузи після виведення рядка. Атрибути width і height задають розміри області виводу.
Ігри Ігри з активною дією, аркадные ігри, карткові ігри, головоломки і інші типи ігор доступні у вигляді аплетів. Версія гри Breakout показана нижче.
Мал. 9.23. Ігровий аплет Java
Як і багато ігор, ця гра вимагає додаткових файлів, окрім основного файлу класу. Графічні і текстові файли підтримки часто поставляються упакованими разом в архіві і розпаковуються в теку, яка містить всі файли, необхідні для виконання додатку. Іноді в пакеті поставляється сторінка Web з вже вбудованим тегом <object>. Щоб почати гру, досить просто відкрити цю сторінку.
Показана вище гра була розпакована в теку з ім'ям Breakout, яка є підкаталогом каталога поточної сторінки Web. Тому в наступному теге <object> повинен бути присутнім параметр name="codebase", задаючий шлях доступу до файлу breakout.class.
Лістинг 9.20. Код для виконання ігрового аплета Java (html, txt)
Тікери
Деякі аплети з'єднуються із службами даних, для надання найсвіжіших новин, фінансових звітів, прогнозу погоди і інших даних, що змінюються. Наступний аплет є прикладом тикера ринку акцій з сайту www.redinews.com. Ця служба, що працює по підписці і вимагає певної плати за доступ до біржової інформації. Тег <object> цього застосування показаний нижче.
Параметр code задає ім'я файлу класу; параметр codebase задає шлях доступу до файлу класу, якщо він не знаходиться в тому ж каталозі, що і сторінка Web. Можуть потрібно необов'язкові теги <param/>, залежно від конкретного застосування.
Використання технології Flash (Примітка: Перш ніж використовувати додатки Flash, необхідно завантажити і встановити з сайту http://www.macromedia.com плеєр Flash Player.)
Численні ігри і додатки у форматі Macromedia Flash доступні для завантаження і розміщення на сторінці Web (http://www.flash-game.net/). Приклад такої гри показаний нижче.
Мал. 9.25. Flash-игра
Файли Flash мають розширення .swf. Вони розміщуються на сторінці Web за допомогою тега <object>. Код для вбудовування приведеної вище гри показаний нижче.
Лістинг 9.22. Код для вбудовування додатку Flash (html, txt)
Відзначимо, що classid відрізняється від того, який використовується для Media Player або аплета Java. Цей classid призначений для плеєра Flash.
Єдиним обов'язковим параметром є name="movie" із значенням, задаючим адресу URL файлу .swf. Може знадобитися додати в тег <object> значення ширини і висоти, щоб задати розмір зображення.
З'єднання з сайтами за допомогою JavaScript Інший метод вбудовування додатку в сторінку використовує код JavaScript для з'єднання з сайтами, на яких виконується додаток. Іншими словами, додаток не завантажується, воно з'єднується і виконується з видаленого сайту.
Weather Channel (http://www.weather.com), наприклад, дозволяє з'єднуватися з локальним прогнозом погоди за допомогою невеликого сценарію, який створює виведення прогнозу погоди на сторінці.
Лістинг 9.23. Код для виведення інформації про погоду (html, txt)
Код надається сайтом, що пропонує послугу, і його можна просто скопіювати на сторінку. Для отримання прогнозу погоди необхідно безкоштовно реєструватися на сайті Weather Channel і вибрати область прогнозу. Відзначимо, що приведений вище реєстраційний код не є дійсним, а служить просто прикладом коди, отриманої після реєстрації.
Іншим прикладом з'єднання за допомогою JavaScript є наступний информер заголовків новин. Клацання на посиланнях, що виводяться, викликає перехід до початкового джерела новин.
Мал. 9.27. Заголовки поточних новин
Це додаток з сайту www.news4sites.com, який підтримує службу надання регулярно оновлюваних заголовків новин з різних інформаційних джерел по всьому світу. Це застосування безкоштовне, тому що включає рекламні посилання на сайти; платна підписка видаляє рекламу.
Код JavaScript і відповідний XHTML надаються сайтом і копіюються на сторінку. Не потрібний навіть знати, що все це означає.
Лістинг 9.24. Код для виведення заголовків новин (html, txt)
Серед коди DHTML, процедур JavaScript, аплетів Java, модулів Flash і посилань JavaScript, що підключаються, існує безліч додатків, які можна додавати на сторінку Web, - для виконання дій, які неможливо реалізувати з допомогою тільки коди XHTML. Знайти їх в Web за допомогою цих ключових слів досить просто.
