МУЛТИМЕДИЯ и ОСНОВИ НА WEB ДИЗАЙНА

УПРАЖНЕНИЕ 13 - задача 3

Вмъкване на видео във Flash

В задачата се използва ActionScript за създаване на проста интерактивност във Flash.

Тъй като файловете с дигитално видео по принцип са с огромни размери, видео файловете за уеб трябва да бъдат компресирани. компресията елиминира излишната информация за пикселите, което на свой ред намалява общия рамер на файла. Този процес е познат като кодиране (encoding). Видеото се компресира, или кодира, по време на експортитане и когато бъде възпроизведено в плейър, като Flash Player, видеото се декомпресира, или декодира. Методът на компресия често се среща под името кодек (codec), което е съкращение от "компресия (compression) / декомпресия (decompression)".

Когато се използва във Flash видеото се кодира и компресира в два формата: FLV и F4V. Видеото в FLV формат може да бъде компресиран чрез използването на един от двата кодеци: Sorenson Spark (H.263) (за Flash Player 6 и по-висока версия) и On2 VP6 (за Flash Player 8 и по-висока версия). On2 VP6 предоставя по-добро качество. F4V формат използва за компресия H.264 кодек за видео и AAC кодек за аудио.

Видеото за Flash може да бъде кодирано във форматите FLV или F4V чрез множество достъпен софтуер на пазара. Такъв е и Adobe Media Encoder, който е част от Flash CS4 Professional.

1. Преди да вмъкнем видеото от тази задача във Flash ще кодираме във F4V формат посредством Adobe Media Encoder. Изберете бутона Start | Adobe Media Encoder.

2. Когато отворите Adobe Media Encoder натиснете бурона Add и вмъкнете филма slow_surf.mov от папката с файлове към упражнението.

3. Когато заредите филма в кодека можете да промените параметрите на видеото. Във Format се избира формата на видеото. Изберете FLV/F4V. В Presets можете да определите характеристиките на видеото.

4. Натиснете бутона Start Queue. Филма се кодира във F4V видео.


Виж видео урока към първа част на задача 3

5. Отворете нов Flash документ и го съхранете като Playing_Video.fla.

6. Изберете File | Import | Import Video, за да вмъкнете видеото в сцената. Отваря се съветника Import Video.

7. От бутона Browse изберете видеото slow_surf.flv. В първия екран можете да изберете по какъв начин да въведете видеото:

  • Load External Video with the FLVPlayback Component - импортиране на вградено видео с FLVPlayback компонента
  • Embed FLV in a SWF and play in timeline - импортиране на свързано видео във Flash.
Изберете Load External Video with the FLVPlayback Component и натиснете бутона Continue.

8. Във втория екран на Import Video можете да изберете кожата (skin) на плейъра. Изберете SkinUnderPlay и променете цвета в сив с прозрачност 50%. Натиснете бутона Continue и след това Finish.

9. Видеото е вмъкнато в сцената. Тъй като то е по-голямо от размера на сцената, променете размера на сцената на 720 x 5250 пиксела и го позиционирайте X 0.0 и Y 0.0.

10. Можете да промените свойствата на плейъра като кликнете върху компонентата и изберете бутона Component Inspector Panel (фиг.13.3.1).


Фиг.13.3.1 Бутон Component Inspector Panel

11. В диалоговия прозорец Component Inspector променете цвета на плейъра по желание.

12. Тествайте филма (CTRL + ENTER), за да видете видеото. За да видите видеото в уеб страница натиснете ТУК.


Виж видео урока към втора част на задача 3