Gazduire site-uri web nelimitata ca spatiu si trafic lunar la doar 15 eur / an. Inregistrare domenii .ro .com .net .org .info .biz .com.ro .org.ro la preturi preferentiale. Pentru oferta detaliata accesati site-ul BluePink

9. Elemente multimedia

9. 1. Tipuri de multimedia

Fisierele multimedia sunt secvente audio sau video. Dintre cele mai raspandite tipuri de multimedia (dupa extensie), mentionam:

au - un format de sunet suportat atat in Internet Explorer, cat si in Netscape
wav - formatul standard de fisier audio. Reda sunetul exact cum a fost inregistrat. Dezavantajul este ca ocupa multa memorie, fiind un format necomprimat. Sunetele wav trebuie sa fie de scurta durata.
mp3, wma, ogg - formate audio comprimate, in care exista pe web melodiile ce pot fi download-ate.
ra - Real Audio. Acest format audio are avantajul ca prima parte a sunetului este rulata imediat dupa accesare, timp in care se descarca si restul in fundal. Aceasta tehnologie se numeste streaming.
midi - Musical Instrument Digital Interface. Este un format audio care ocupa foarte putina memorie si poate reda sunete de lunga durata, dar de calitate redusa.
avi, mpg, mpeg - secvente video.
swf - ShockWave Flash. Fisierul contine o animatie flash. Este redat in browser cu ajutorul unui plugin (plugin = program care adauga o anumita facilitate) numit player flash.

Fisierele multimedia din paginile web sunt rulate cu ajutorul unor plugin-uri din browser, sau prin lansarea unor programe specializate (ex.: Windows Media Player, WinAmp, etc.).

9. 2. Introducerea elementelor multimedia

Pentru a introduce in pagina fisiere audio/video, mentionam urmatoarele posibilitati:

a) Se copiaza fisierul multimedia pe site-ul web, apoi se realizeaza o legatura catre acest fisier, folosind eticheta <A>. Cand utilizatorul face clic pe legatura, se descarca fisierul, apoi este rulat imediat in browser sau intr-un program extern. Exemplu:

<a href="cool.avi">Vizualizeaza acest film</a>

b) Se incorporeaza fisierul de pe site-ul web, in pagina, folosind eticheta <EMBED>. Astfel, apare o interfata din care utilizatorul poate sa controleze redarea secventei: oprire, pornire, inainte, inapoi, etc. Exemplu:

In afara atributului SRC (singurul obligatoriu) se pot folosi in eticheta EMBED si alte atribute:

AUTOSTART = "TRUE/FALSE" - daca dorim sau nu, ca sunetul sa fie rulat automat la incarcarea paginii.
LOOP = "numar/INFINITE" - de cate ori sa se deruleze sunetul (numar), sau daca dorim ca sunetul sa se repete la infinit (INFINITE).
WIDTH = "numar", HEIGHT = "numar" - dimensiunile interfetei grafice.
HIDDEN = "TRUE/FALSE" - daca dorim sau nu, sa fie afisata interfata grafica (cu butoanele "inainte", "inapoi", stop", etc.).

c) Se foloseste un sunet de fundal, precizat de eticheta <BGSOUND> (valabil numai pentru Internet Explorer). Model: <BGSOUND SRC="NumeFisier" LOOP="NumarDeOri">. Exemplu:

d) Introducem un pagina o imagine GIF animata, cum am aratat la "Lucrul cu imagini".

9. 3. Animarea textului folosind eticheta <MARQUEE>

Eticheta <MARQUEE> este suportata numai de Internet Explorer. In forma cea mai simpla, ea are forma: <MARQUEE>text</MARQUEE>. Se pot adauga in eticheta si urmatoarele atribute:

ALIGN = "top/bottom" - precizeaza alinierea textului inconjurator, pe verticala, fata de textul derulant.
BEHAVIOR = "scroll/slide/alternate" - comportarea textului: deplasare/alunecare/miscare alternanta
BGCOLOR = "culoare de fundal"
DIRECTION = "left/right" - pentru ca textul sa se deplaseze spre stanga/dreapta
LOOP = "numar de repetari/INFINITE"
SCROLLDELAY = "intervalul de timp intre repetari, in milisecunde"
SCROLLAMOUNT = "pasul de deplasare, in pixeli" - determina viteza de deplasare a textului.
HEIGHT = "numar/procent", WIDTH = "numar/procent" - inaltimea, respectiv latimea textului derulant, in pixeli sau ca procent din pagina.

Exemplu:

9. 4. Redirectionarea browser-ului

Sa presupunem ca ne-am schimbat gazda paginii web si avem acum alta adresa. Pentru a ajuta publicul sa ne gaseasca atunci cand acceseaza vechea adresa, avem doua posibilitati: includem in pagina veche o legatura catre pagina noua, sau trimitem automat vizitatorii in pagina noua. Ultima metoda se numeste client-pull si consta in includerea, in antetul paginii, a unei etichete <META> cu urmatorul continut:

<META HTTP-EQUIV="Refresh" CONTENT="secunde; URL=noua adresa">, unde "secunde" este timpul cat browser-ul asteapta inainte sa incarce o noua pagina. Exemplul urmator implementeaza ambele metode discutate:

<html>
<head>
<title>Pagina s-a mutat ! >>> proeco.lx.ro</title>
<META HTTP-EQUIV="Refresh" CONTENT="1; URL=http://proeco.lx.ro">
</head>
<p>Pagina s-a mutat ! <a href="http://proeco.lx.ro/">Noua adresa </a></p>
</html>

Un exemplu de pagina din internet care foloseste metoda client-pull, este: proeco.uv.ro.

Incercati:

1. Gasiti pe harddisk cate un fisier multimedia de tipul celor de la paragraful 9.1. si notati pentru fiecare, programul asociat tipului de fisier. Copiati fisierele pe desktop.

2. Realizati o pagina web pe desktop, in care sa inserati fisierele multimedia gasite mai sus. Folositi tehnicile de inserare discutate.

3. Realizati o pagina care sa contina un text derulant folosind atributele de la paragraful 9. 3.

4. Realizati o pagina care sa redirectioneze automat browser-ul catre alta pagina.