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   ММТ   ТПОИ   ТП

(время поиска примерно 20 секунд)

Знаете ли Вы, что Программный сниппет (англ. snippet — фрагмент, отрывок) в практике программирования — небольшой фрагмент исходного кода или текста, пригодный для повторного использования. Сниппеты не являются заменой процедур, функций или других подобных понятий структурного программирования. Они обычно используются для более лёгкой читаемости кода функций, которые без их использования выглядят слишком перегруженными деталями, или для устранения повторения одного и того же общего участка кода. Интегрированные среды разработки (IDE) содержат встроенные средства для ввода конструкций языка. Например, в Microsoft Visual Studio, Borland Developer Studio, для этого необходимо ввести ключевое слово и нажать определённую клавишную комбинацию. В IDE Geany существует специальный файл snippets.conf (путь к файлу: /home/user/.config/geany) позволяющий создавать свои сниппеты. Другие программы, такие как Macromedia Dreamweaver и Zend Studio, позволяют использовать сниппеты в Веб-программировании.
НОВОСТИ ФОРУМАФорум Рыцари теории эфира
Рыцари теории эфира
 01.10.2019 - 05:20: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Вячеслава Осиевского - Карим_Хайдаров.
30.09.2019 - 12:51: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Дэйвида Дюка - Карим_Хайдаров.
30.09.2019 - 11:53: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Владимира Васильевича Квачкова - Карим_Хайдаров.
29.09.2019 - 19:30: СОВЕСТЬ - Conscience -> РУССКИЙ МИР - Карим_Хайдаров.
29.09.2019 - 09:21: ЭКОНОМИКА И ФИНАНСЫ - Economy and Finances -> КОЛЛАПС МИРОВОЙ ФИНАНСОВОЙ СИСТЕМЫ - Карим_Хайдаров.
29.09.2019 - 07:41: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Михаила Делягина - Карим_Хайдаров.
26.09.2019 - 17:35: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Андрея Пешехонова - Карим_Хайдаров.
26.09.2019 - 16:35: ВОЙНА, ПОЛИТИКА И НАУКА - War, Politics and Science -> Проблема государственного терроризма - Карим_Хайдаров.
26.09.2019 - 08:33: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от О.Н. Четвериковой - Карим_Хайдаров.
26.09.2019 - 06:29: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Ю.Ю. Болдырева - Карим_Хайдаров.
24.09.2019 - 03:34: ТЕОРЕТИЗИРОВАНИЕ И МАТЕМАТИЧЕСКОЕ МОДЕЛИРОВАНИЕ - Theorizing and Mathematical Design -> ФУТУРОЛОГИЯ - прогнозы на будущее - Карим_Хайдаров.
24.09.2019 - 03:32: НОВЫЕ ТЕХНОЛОГИИ - New Technologies -> "Зенит"ы с "Протон"ами будут падать - Карим_Хайдаров.
Bourabai Research Institution home page

Боровское исследовательское учреждение - Bourabai Research Bourabai Research Institution