Pentru a importa filme, clipuri video intr-un document Flash, acestea trebuie sa aiba unul din urmatoarele formate: FLV, F4V, MP4, M4V, AVC, MOV, QT, 3GP, 3GP2, 3G. In general se folosesc FLV, F4V sau MP4.
Importul fisierelor video se face la fel de simplu ca si importul unei imagini sau sunet. Fereastra pt. "Video Import Wizard" (Fereastra "Expertul de import video") ghideaza usor prin procesul de adaugare video in Flash.
Sunt mai multe feluri de a folosi /include un video intr-o prezentare Flash.
- Filmul /clipul video poate fi stocat direct in documentul Flash, metoda cunoscuta ca "Embed", mai putin folosita deoarece fisierele video au dimensiuni mari si aceasta se va adauga la fisierul SWF rezultat.
- Filmul poate fi preluat si redat dintr-o locatie externa, printr-un Player inclus in Flash. Aceasta fiind metoda recomandata si cea mai utilizata.
Iata practic cum se adauga un video intr-un document Flash, prin redarea lui dintr-o locatie externa.
-
Trebuie sa aveti pregatit un fisier video in format FLV, F4V sau MP4. Daca aveti in alte formate, vedeti lectia anterioara Video in Flash - Adobe Media Encoder.
1. Deschideti un document Flash nou si dati click pe meniul
File -> Import -> Import Video. Se va deschide o fereastra ca cea din imaginea urmatoare.
- Aici sunt optiunile pt. alegerea fisierului video si a modalitatii de import.
- Browse - De la acest buton se deschide fereastra prin care va fi ales fisierul video.
- Load external video with playback ... - Cu aceasta optiune, filmul va fi redat din locatia lui externa.
- Embed FLV in SWF and play in timeline - Fisierul video (doar FLV) va fi stocat in document si in SWF-ul rezultat. Fiecare cadru din video va deveni un cadru in Timeline.
- Import as mobile device video ... - Este similar cu Embed. Stocheaza filmul intr-un document Flash Lite, pentru folosire cu dispozitive (telefoane) mobile.
- Already deployed to a web server ... - Foloseste fisiere video aflate pe un server special de streaming (emitere controlata).
2. Dati click pe butonul
Browse si in fereastra care se deschide alegeti din calculatorul dv. un video FLV, F4V sau MP4.
- Asigurati-va ca este bifata optiunea "
Load external video with playback".
3. Apasati pe butonul
Next, se va deschide o fereastra ca cea din imaginea urmatoare.
- De la
Skin se alege tipul (aspectul) player-ului pe care Adobe Flash il va include in document. Acesta va prelua si afisa filmul /clipul video.
- De la
Color se alege o culoare pentru zona cu butoanele de control.
4. Click pe
Next, se va deschide o fereastra cu indicatii despre importul video realizat. Apasati pe butonul
Finish.
- Flash va adauga in document, in panoul Library, SWF-ul cu player-ul care va fi atasat la prezentarea creata, iar in Scena pune o instanta a acestuia, in care e afisat primul cadru din video; precum in imaginea urmatoare.
-
Se poate testa direct in scena filmul si butoanele de control din Player, sau apasand "Ctrl+Enter".
Adaugare prezentare Flash cu Player Video in pagina web
Pentru a utiliza intr-o pagina web o prezentare Flash cu video (redat din locatie externa), se executa urmatorii pasi:
- Se efectueaza importul video dupa cum este aratat mai sus.
- Se da click, cu "Selection Tool" pe instanta de player din Scena, apoi se apeleaza panoul Properties. La meniul "Component Parameters" sunt mai multe optiuni pentru player-ul din scena (dupa cum se vede in imaginea urmatoare).
align - Determina alinierea imaginii video in Player, cand optiunea "scaleMode" nu e setata la "exactFit".
autoPlay - Daca e selectat, filmul va incepe automat.
isLive - Pentru cazul cand e folosit un server de streaming, filmul e redat in direct.
scaleMode - Aici sunt 3 optiuni: noScale (sunt folosite dimensiunile filmului din fisier), maintainAspectRatio (imaginea video isi regleaza automat dimensiunile) si exactFit (forteaza imaginea la dimensiunile Player-ului).
skin - Se poate selecta /schimba aspectul player-ului.
skinAutoHide - Daca e selectat, zona cu butoanele de control apare cand mouse-ul e pe imaginea video.
skinBackgroundAlpha - Face zona cu butoanele de control transparenta, in functie de valoarea data, intre 0 si 1 (0 e complet transparent).
skinBackgroundColor - Culoarea pt. zona butoanelor de control.
source - Calea si numele fisierului video.
volume - Volumul sunetului redat, o valoare intre 0 si 1 (0 e fara sunet).
- Partea importanta ce trebuie avuta in vedere pentru a folosi prezentarea cu video intr-o pagina web este locatia filmului care o va avea pe server in raport cu fisierul SWF al player-ului. Pentru a fi mai simplu vor fi stocate in acelasi director.
- La optiunea source se da click pe numele fisierului (sau "creionul" din dreptul lui), iar in fereasra care se deschide (precum cea din imaginea de mai jos) se lasa doar numele si extensia fisierului video.
- Aici se trece locatia (si numele) fisierului video unde va fi stocat pe server, in raport cu SWF-ul player.
- Se da click pe meniul File -> Export -> Export Movie.
- Astfel este creata prezentarea Flash (fisierul SWF), si impreuna cu ea, in acelasi director, Adobe Flash va adauga inca un SWF cu player-ul pt. film. Acesta va avea denumirea aleasa la "Skin". De exempu, daca la "skin" este "SkinOverAll.swf", acelasi nume il va avea si fisierul pt. Player.
- Acum se urca pe server (in directorul in care se afla pagina in care va fi inclusa prezentarea) trei fisiere: fisierul SWF cu prezentarea Flash (realizata cu Export), cel cu Playerul si fisierul video.
- In codul HTML al paginii web se adauga urmatorul cod:
<object type="application/x-shockwave-flash" data="nume_prezentare.swf" width="480" height="300">
<param name="src" value="nume_prezentare.swf" />
<param name="bgcolor" value="#ededfe" />
</object>
Aceasta metoda de includere video in pagini web, folosind Flash, e mai mult penstru studiu de invatare, sau in cazul cand sunt prezentate cateva filme /video clipuri. La site-uri create pentru vizualizare video, cu multe filme stocate, este indicat folosirea unui Video Player web. La o cautare pe net dupa cuvintele "Flash Player web" se gasesc destule, inclusiv gratuite.
Un Test simplu in fiecare zi
HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce tag se foloseste pentru a adauga liste in elemente <ul> si <ol>?
<dt> <dd> <li><ul>
<li>http://coursesweb.net/html/</li>
<li>http://www.marplo.net/html/</li>
</ul>
Care valoare a proprietatii "display" seteaza elementul ca tip bloc si afiseaza un punct in fata?
block list-item inline-block.some_class {
display: list-item;
}
Care instructiune JavaScript transforma un obiect in sir JSON.
JSON.parse() JSON.stringify eval()var obj = {
"courses": ["php", "javascript", "ajax"]
};
var jsonstr = JSON.stringify(obj);
alert(jsonstr); // {"courses":["php","javascript","ajax"]}
Indicati clasa PHP folosita pentru a lucra cu elemente HTML si XML in PHP.
stdClass PDO DOMDocument$strhtml = '<body><div id="dv1">CoursesWeb.net</div></body>';
$dochtml = new DOMDocument();
$dochtml->loadHTML($strhtml);
$elm = $dochtml->getElementById("dv1");
echo $elm->nodeValue; // CoursesWeb.net
Indicati forma de Prezent Continuu a verbului "to live" (a trai /a locui)
lived living liveingI`m living here.
- Traiesc /Locuiesc aici.
Care este forma de Gerunziu (sau Participiu Prezent) a verbului "vivir" (a trai /a locui)?
viviĆ³ vivido viviendoEstoy viviendo aquĆ.
- Traiesc /Locuiesc aici.