Flash   ООП   PHP   СУБД   WEB   БДИ   ЯиМП   3GL   4GL   5GL   ММТ   ТПОИ   ТП

Лабораторная работа 9 по Adobe Flash: Вставка Flash-объекта в html-файл

Flash, mp3, mp4, flv, avi, 3gp - для HTML всего лишь объекты, которые вставляются в хтмл-файл при помощи уже знакомого нам тега OBJECT. Если в предыдущих объектах(графика, аплеты, фреймы) у нас была альтернативная замена(img, ifame, APPLET), то для этих типов файлов альтернативы нет, но не расстраивайтесь!!! Все эти типы файлов объединяет Flash-плеер, который установлен у 98% посетителей!!! Но об всем по порядку.

Как вставить Flash-объект в html-файл

Почти все Flash-файлы имеют расширение ".SWF"(file.swf), с этим типом мы и будем работать.
Самый простой способ вставить Flash-объеккт в в HTML-файл:
<object data="http://bourabai.kz/flash/flash.swf" type="application/x-shockwave-flash" width="968" height="616"> </object>
Мы в тег object помещаем атрибут data с адресом нашего Flash-объекта и указываем тип при помощи атрибута type, в котором указываем что это приложение(application) которое должно обработаться Flash-плеером(x-shockwave-flash), а также устанавливаем размеры. Все-бы хорошо но не у всех этот плеер установлен или браузер не поддерживает данный тип файлов...
Более полный код выглядит так:
<object width="489" height="308" codebase="http://bourabai.kz/flash/swflash.cab#version=6,0,29,0">
<param name="src" value="http://webuchebnik.ru/images/flash.swf">
<embed type="application/x-shockwave-flash"
width="489" height="308" src="http://webuchebnik.ru/images/flash.swf">
</object>

Результат:

1) Мы тегу object присвоили размеры, а также атрибутом codebase указали какая версия Flash-плеера нужна. По поводу версии, здесь все зависит от того что за объект, если это просто гримированная картинка в Flash, то подойдет и как в моем примере 6 версия, если используется ActionScript 2.0 то 7версия, а если ActionScript 3.0 то Flash-плеер должен быть не менее 10версии. Но запомните, чем выше требования - тем меньше шансов что пользователь ваш Flash-объект увидит!!!

2) Мы не атрибутом data, а тегом param передаем адрес нашего объекта.

3) Тег embed в спецификации по HTML-4 не описан вообще, он является дочерним для тега object, выступает в роли "патча"(заплатка), в данном случае используется для браузеров которые не понимают код указанный мной первым и дублирует для него размеры, указывает тип данных, а так-же если браузер не понимает атрибут data тега object.

Но если честно то нет смысла особо "заморачиваться" с Flash-обектами, так как, Flash-файлы вы можете только двумя способами получить:

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

2) Установить какой-либо Flash-плеер, игрушку или просто Flash-банер, то в этом случае вам дадут только код нужного объекта, который вам нужно просто разместить на сайте.

Еще варианты вставки

Любой флеш-файл с расширением *.swf можно вставить в блог.
Например, мы нашли игру «давим пузыри»: http://bourabai.kz/flash/bubble.swf
Вставим её в свой блог. Для этого ссылка должна быть «прямой» (заканчиваться на типичное расширение флеш-файлов *.swf)
Просто копируем адрес файла и ставим в код вместо "ссылка-на-файл":

получаем:

Во весь экран

Копировать ссылку «Во весь экран» и отправить другу:

Полный код этой «флешки» для вставки в блог:

Меняем размер флеш-объекта, меняя значения:
width=450 — ширина 450 пикселов
height=300 — высота 300 пикселов

Для вставки с компа файлов с расширением *.swf помогают хостинги, рекомендуемые на стр. Вставка аудио — все они выдают «прямые» ссылки на файл. Получаем ссылку и ставим в код.
Всё :)


Примеры вставки в блог флеш-объектов (*.swf)

Прикол:

Во весь экран

Копировать ссылку «Во весь экран» и отправить другу:

Код для вставки в блог:


Фантазия:


Во весь экран

Копировать ссылку «Во весь экран»:

Код для вставки в блог:


Генератор кодов цвета:

Код для вставки в блог:


Генератор кодов цвета 2:


Код для вставки в блог:


Виджет «Звуки природы»:


Во весь экран

Копировать ссылку «Во весь экран»:

Код для вставки в блог:


Погладь кошку. Но сначала поймай, потому что она норовит ускользнуть

Во весь экран

Копировать ссылку «Во весь экран»:

Код для вставки в блог:


Кликайте левой кнопкой на поле и слушай мелодию от столкновения кругов. Нажмите на «пробел» — сбросить мелодию. Наслаждайтесь!

Во весь экран

Копировать ссылку «Во весь экран»:

Код для вставки в блог:


Радио на флеше (включить — ползунок на on):

Копировать ссылку:

Код для вставки в блог:


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

Flash   ООП   PHP   СУБД   WEB   БДИ   ЯиМП   3GL   4GL   5GL   ММТ   ТПОИ   ТП

Знаете ли Вы, что диаграмма классов, Class diagram - это методология объектно-ориентированного проектирования, предназначенная для представления статической структуры модели системы в терминологии классов объектно-ориентированного программирования.

НОВОСТИ ФОРУМА

Форум Рыцари теории эфира


Рыцари теории эфира
 10.11.2021 - 12:37: ПЕРСОНАЛИИ - Personalias -> WHO IS WHO - КТО ЕСТЬ КТО - Карим_Хайдаров.
10.11.2021 - 12:36: СОВЕСТЬ - Conscience -> РАСЧЕЛОВЕЧИВАНИЕ ЧЕЛОВЕКА. КОМУ ЭТО НАДО? - Карим_Хайдаров.
10.11.2021 - 12:36: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от д.м.н. Александра Алексеевича Редько - Карим_Хайдаров.
10.11.2021 - 12:35: ЭКОЛОГИЯ - Ecology -> Биологическая безопасность населения - Карим_Хайдаров.
10.11.2021 - 12:34: ВОЙНА, ПОЛИТИКА И НАУКА - War, Politics and Science -> Проблема государственного терроризма - Карим_Хайдаров.
10.11.2021 - 12:34: ВОЙНА, ПОЛИТИКА И НАУКА - War, Politics and Science -> ПРАВОСУДИЯ.НЕТ - Карим_Хайдаров.
10.11.2021 - 12:34: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Вадима Глогера, США - Карим_Хайдаров.
10.11.2021 - 09:18: НОВЫЕ ТЕХНОЛОГИИ - New Technologies -> Волновая генетика Петра Гаряева, 5G-контроль и управление - Карим_Хайдаров.
10.11.2021 - 09:18: ЭКОЛОГИЯ - Ecology -> ЭКОЛОГИЯ ДЛЯ ВСЕХ - Карим_Хайдаров.
10.11.2021 - 09:16: ЭКОЛОГИЯ - Ecology -> ПРОБЛЕМЫ МЕДИЦИНЫ - Карим_Хайдаров.
10.11.2021 - 09:15: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Екатерины Коваленко - Карим_Хайдаров.
10.11.2021 - 09:13: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Вильгельма Варкентина - Карим_Хайдаров.
Bourabai Research - Технологии XXI века Bourabai Research Institution