
- •Лекція №3 Відтворення Мультимедіа
- •Формати звукових файлів
- •Формати відео
- •Мал. 9.4. Вбудований Media Player для відтворення аудіо файлу
- •Мал. 9.7. Програмування Media Player
- •Мал. 9.8. Кнопки прихованого Media Player
- •Мал. 9.7. Програмування Media Player
- •Мал. 9.8. Кнопки прихованого Media Player
- •Мал. 9.9. Відтворення декількох звукових файлів через один Media Player
- •Мал. 9.10. Посилання для відтворення відеофайлу
- •Мал. 9.12. Запрограмований Media Player
- •Мал. 9.13. Оформлений Media Player
- •Мал. 9.15. Вбудований потік живого відео
- •Мал. 9.18. Marquee з оформленням
- •Мал. 9.19. Використання динамічного html (dhtml) для програмування тегов xhtml
- •Мал. 9.21. Аплет Java для декорування тексту
- •Мал. 9.22. Аплет Java для створення прокрутки тексту
- •Мал. 9.23. Ігровий аплет Java
- •Мал. 9.24. Аплет Java тикера ринку
- •Мал. 9.25. Flash-игра
- •Мал. 9.26. Поточна погода від Weather Channel
- •Мал. 9.27. Заголовки поточних новин
Мал. 9.15. Вбудований потік живого відео
<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="URL" value="http://play.rbn.com/play.asx?url=
=cspan/cspan/wmlive/cspan1v.asf&proto=mms?mswmext=.asx"/>
<param name="autoStart" value="false"/>
</object>
Лістинг 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 показане нижче.