Integrarea fisierelor video intr-o pagina web

Intro

Se zice ca o imagine face cat o mie de cuvinte, totusi... un clip video face de multe ori si mai mult:D.
Videoclipurile si animatiile sunt omniprezente in lumea web. Adauga un plus de dinamism si atractivitate unei pagini. Continuturile clipurilor de pe Internet este divers: tutoriale, filme, prezentari si muulte altele. Probabil cel mai popular site de video sharing la ora actuala este Youtube, dar sa nu uitam si de echivalentul sau din Romania: Trilulilu.

Intrebarea la care va incerca sa raspunda acest articol este cum adaugam continut video pe o pagina web.

Formate Video

La fel ca in cazul imaginilor exista o variata gama de solutii pentru stocarea fisierelor video. Alegerea e influentata factori cum ar fi cost, performanta sau dimensiune. Printre cele mai raspandite formate in prezent se numara urmatoarele:

  • AVI(Audio Video Interleave) - a fost dezvoltat de Microfos. Este suportat de cele mai populare browsere web. Probleme apar cand fisierele trebuiesc redate pe masini care nu ruleaza Windows. Fisierele AVI au extensia .avi
  • Windows Media - este, de asemenea, un format dezvoltat de Microsoft. La fel ca AVI, ridica probleme pe masinile care nu ruleaza Windows, necesitand instalarea unui player corespunzator. Exntesia fisierelor in format Windows Media este .wmv.
  • MPEG(Moving Pictures Exprert Group) - este cel mai popular format la ora actuala. Este un format cross-platform si e suportat de toate browserele populare. Fisierele MPEG au extensia .mpeg sau .mpg.
  • Quicktime - este un format dezvoltat de Apple si necesita instalarea unui player special pentru a putea rula pe masini ce folosesc Windows ca sistem de operare. Extensia specifica este .mov.
  • RealVideo - a fost dezvoltat de Real Media. Permite streaming - online video sau Internet TV. Pentru ca se acord o importanta ridicata latiimii de banda scazuta, de multe ori calitatea are de suferit. Extensia fisierelor RealVideo este .rm sau .ram.
  • Shockwave - sau formatul Flash - a fost dezvoltat de Macromedia, acum parte a Adobe. Pentru a fi rulat, necesita instalarea unui player special. Extensia specifica este .swf.

Playere Video

Dupa ce s-a decis formatul fisierului video, trebuie ales un player. In prezent, cele mai populare tehnologii in domeniul playerelor web sunt:
  • Flash Player - este cel mai popular la momentul de fata. Este un produs Adobe, facand parte din familia Dreamweaver. Formatele suportate sunt FLV, mov si mp4.
  • Quicktime Player - este un player dezvoltat de Apple, capabil sa suporte numeroase formate, cum ar fi mov, qtvr, avi, mpeg-1pana la mpeg-4.
  • Windows Media Player - este, probabil, unul dintre cele mai cunoscute produse Microsoft. In esenta, Windows Media Player este un produs desktop, dar poate fi integrat in pagini web, folosind un controller ActiveX. Pentru a putea fi folosit ca plyer web, au fost dezvoltate versiuni pentru Mac Os, Solaris si Linux.
  • ReadPlayer - este un player dezvoltat de RealNetworkd. Suporta o variatate de formate, printre care se numara si MP3, MPEG-4, QuicktTime, Windows Media si o serie de formare specifice ReadNetworks: RealAudio si RealVideo.
Este greu de spus care este cel mai bun player din lista de mai sus. Raspunsul cel mai potrivit ar fi "depinde": depinde de formatul clipului, de sistemul de operare cu care dorim sa fie compatibil si, de ce nu, de obisnuita. Wikipedia ofera o comparatie riguroasa a celor mai populare playere la momentul actual, incluzand si playerele web.

Adaugarea continutului video

Pentru a adauga un videoclip aflat pe server intr-o pagina web trebuiesc parcursi 2 pagi:
  1. Crearea unui obiect corespunzator playeruluii web care se doreste sa se foloseasca
  2. Specificarea unui URL de unde va fi incarcat fisierul care va fi redat in player.
Prima parte poate fi destul de dificila, din mai multe motive. Unul dintre ele ar fi ca fiecare web browser foloseste taguri diferite pentru a specifica integrarea de continut. De exemplu, Internet Explorer foloseste , dar Firefox foloseste .

Pot aparea probleme si daca un vizitator al paginii nu are instalat playerul necesar pentru a reda fisierul video sau are o versiune mai veche. Cea mai buna solutie in acest caz este sa se solicite instalarea versiunii necesare de player.
Deoarece acest probleme necesita verificarea unor conditii, se foloseste Javascript. O pagina statia HTML nu e suficienta. Cu jutorul codului Javascript se poate determina browserul in care ruleaza aplicatia, se poate genera tag-ul sau , dupa caz, si se poate verifica prezenta playerului necesar.

O alta alternativa pentru adaugarea de continut vide este folosirea unui site de videohosting, get Youtube - care va genera un cod HTML - care va trebui pur si simplu sa fie copiat in pagina web. Aceasta e metoda cea mai simpla. Un exemplu:


Pentru a adauga acest clip am folosit codul pus la dispozitie de Youtube, dupa cum se observa in imaginea de mai jos:
Interfete Web Youtube Section
Codul oferit de Youtube in acest caz a fost:

<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/OGg8A2zfWKg&hl=en&fs=1">
param>
<param name="allowFullScreen" value="true">
param>
<param name="allowscriptaccess" value="always">
param>
<embed src="http://www.youtube.com/v/OGg8A2zfWKg&hl=en&fs=1"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="425"
height="344">
embed>
object>
Se observa cum s-a creat playerul si s-au specificat o serie de proprietari, cum ar fi dimensiunile.

Adauga Comentariu

Subiect
Comentariu:


Ce inseamna pe web termenul latin 'Pagina fortuita'?

Pagina afisata fortat (pop-up)

Voturi: 2 | 18.18%

Pagina norocoasa

Voturi: 2 | 18.18%

Pagina aleatorie

Voturi: 5 | 45.45%

Pagina importanta

Voturi: 0 | 0%

Nu inseamna nimic

Voturi: 2 | 18.18%

Postat de ovi
Voturi: 11
Sondajele precedente