Cum se afișează fluxul video cu html5

09.08.16 11:52 •
zarytskiy •
# 307446
Habrahabr •
10 •
6400

- la fel ca Forbes, doar mai bine.

Puteți găsi multe articole și tutoriale pe net cu privire la fișierele .swf și .flv de streaming. Rețineți că playerul .swf nu va reda fișierele .flv. Ele sunt ambele, dar cu cerințe diferite. Rețeaua are o mulțime de informații contradictorii în acest cont. Veți pierde timpul încercând să obțineți .swf pentru a lansa .flv, dar în cele din urmă asigurați-vă că nu este posibil.

Cum să implementați .mp4 în HTML5:

Câteva lucruri care merită să ne amintim:

Configurarea serverului Web Apache

Trebuie să adăugați tipuri de mime la extensie, fie la apache.conf, fie la mime.conf. După efectuarea modificării, reporniți serverul.

Cum se implementează cu bliț

Pentru a implementa traducerea fișierelor .swf, aveți nevoie de:

1. Descărcați SWFObject din Git sau din alte surse.

2. Postați-l pe pagină:

Acest cod trebuie plasat în antetul fișierului.

3. Îl puteți implementa utilizând eticheta obiect sau:

4. Acum trebuie să prescrieți următoarele:

5. Acest lucru va lansa fișierul .swf pe pagina dvs. Puteți gestiona mai mulți parametri utilizând următorul cod:

Flowplayer

Există mai multe opțiuni pentru implementarea FlowPlayer. FlowPlayer.org are două versiuni: un flash player numit Flash Flowplayer și implementare HTML5. Cea de-a doua are o versiune gratuită pentru dezvoltatori, în timp ce pentru flash trebuie să cumperi o licență.

Flash Flowplayer are fișierele necesare pentru a reda fișiere .flv, în timp ce playerul HTML5 are formate standard de fișiere HTML5 (MP4). Deci, de ce să alegeți o versiune HTML5? Oferă câteva lucruri pe care le puteți face jucătorului dvs. să facă lucruri fără auto-programare. Totul depinde de nevoile tale.

1. Asigurați-vă că următoarele fișiere sunt descărcate:

flowerplayer-3.2.x.min.js -> există versiuni ulterioare, deci va trebui să descărcați cea mai recentă dacă nu funcționează înapoi la .12 / .13
Flowplayer-controls-3.2.15.swf
Flowplayer-3.2.16.swf

2. Adăugați următoarele în antetul HTML:

3. În corpul paginii dvs. web, trebuie să instalați player-ul cu fișierul src:

În acest exemplu, am folosit o variabilă bazată pe selecția utilizatorului din pagina anterioară.

Nu că ați creat fișierul și ID-ul, trebuie să configurați codul care execută fișierul.

Ați adăugat fișierul și idul, acum trebuie să scrieți codul care va rula fișierul:

După ce ați citit acest articol, trebuie să aveți o bună înțelegere a elementelor cheie necesare pentru a rula fișierele mp4 și .flv de pe site-ul dvs. Desigur, puteți să controlați parametrii și să faceți alte lucruri, dar scopul acestui articol a fost de a vă oferi o înțelegere a detaliilor când configurați streamingul.

Articole similare

Pagina anterioară