Mediaelement - médialejátszó html, HTML5 bemutató

Az a tény, hogy megkaptuk az oldalon, az objektum, a MediaElement viszont előállító létesítmények és HTMLAudioElement HTMLVideoElement, felület, amely szinte azonos. Tegatvornogo specifikáció a médialejátszó a következő módszereket és események:

Var audio = dokumentumot. createElement ( "audio"); if (audio. canPlayType ( "audio / mpeg")

Hang. addEventListener ( "canplaythrough", funkció ()

- terhelés - betölti a médiafájlt az url nem kijelölt, az src attribútum, az előzőleg letöltött fájlt felülírja;

- Szünet - lejátszás médiafájl;

- játszani - elindul, vagy folytatja a lejátszást a média fájlt.

Események megpróbálja bemutatni öröklés:

- loadstart - az elején a média betöltése;

- durationchange - után következik a webböngésző lesz állítva a hossza a görgőt;

- loadedmetadata - való felvitel befejezése metaadatok

- durationchange - után következik a webböngésző lesz állítva a hossza az adagoló hengert. Felmerül az esemény után, és esemény előtti loadstart loadedmetadata;

- loadeddata - mennyiségének letöltött multimédiás adatok elegendő a lejátszás elindításához;

- canplay - a kötet letöltött média elegendő sikeresen lejátszás elindításához;

- canplaythrough - akkor jelentkezik, amikor a multimédiás adatok kezd betölteni, olyan sebességgel, lejátszás megszakítás nélkül a saját podgruzku;

- haladás - a folyamat rakodási médiatartalom

- játszott - után azonnal jelentkezik az elején a videót. A lejátszás indítható akár egy látogató, vagy hívja a játék;

- vár - akkor jelentkezik, amikor a videó le van állítva, hogy töltse be a következő nagyobb mennyiségű adat a média file;

- megrekedt - fordul három másodpercen belül abbahagyása után podgruzki folyamat a következő adatokat része a médiafájl;

- terhelés - után történik a letöltés befejeződött roller;

- timeupdate - esemény történik a lejátszás közben a tartalom (ha az ideiglenes helyzete változik);

- véget ért - ez bekövetkezik befejezése után a tartalom lejátszását.

A következő események következtében fellépő külső hatások

- játszani. * Határozza meg, hogy pont * - után történik hívja a játék;

- szünet - akkor jelentkezik, ha a felfüggesztés a továbbító henger, vagy egy látogató vagy hívja szünet;

- keresek - akkor jelentkezik, amikor a látogató mozgatja a vezérlő a jelenlegi helyzetben a transzfer henger;

- seeked - akkor jelentkezik, amikor a látogató mozog a vezérlő az aktuális lejátszási pozíciót az új fájl helyét;

- volumechanged - ez történik, amikor megváltoztatja a hangerőt, és ki van kapcsolva, és bekapcsolta a hang;

- abort - akkor jelentkezik, amikor egy látogató megszakítja töltése multimédia fájlok hengerrel;

- ratechange - akkor jelentkezik, amikor a változó az ingatlanok értékét playbackRate (lásd alább).

- readystatechange - akkor jelentkezik, amikor a változó az ingatlanok értékét readyState (lásd alább).

- kiürült - után következik egy hívást a terhelést, amikor az éppen betöltött tartalom már megtöltve, és az új tartalmak, akinek url-t rendelt a src tulajdonság, még nem lett betöltve.

- error - akkor jelentkezik, ha a hiba a folyamat rakodási klipek.

Mindezek az események majd jöhet az elem

Most tekintsük a tulajdonságok a média tartályba. Emellett ismétlődő attribútumokat (például f ontrols vagy src), rendelkeznie kell az alábbi hasznos adatok:

- CURRENTTIME - lejátszás aktuális pozícióját a médiafájl másodpercben;

- defaultPlaybackRate - a sebességet a normál lejátszást. Ez jelenti a együtthatót természetes lejátszásának sebességét a multimédiás fájl. Azaz, egy érték defaultPlaybackRate = 4 pályán játszott négyszeres sebességgel;

- időtartamára - időtartama lejátszás másodpercben;

- végül - igaz értékkel tér vissza, ha a fájl lejátszása véget ért (csak olvasható);

- szüneteltetve - igaz értékkel tér vissza, ha a fájl szünetel (read-only);

- playbackRate - aktuális fájl lejátszási sebességet. Ez jelenti a együtthatót természetes lejátszásának sebességét a multimédiás fájl;

- readyState - visszaadja egy karakterlánc, amely a jelenlegi állapotában a médiafájl (csak olvasható). A lehetséges értékek:

• nem inicializált - fájl nem lett betöltve;

• rakodás - a fájl betöltése;

• betöltött - fájl teljesen betöltve, de még nem áll készen, hogy játsszon;

• i nteractive - a felhasználó a lejátszás elindításához a fájl (nem garantálja a végén a letöltés);

• komplett - fájl betöltése és készen áll a játékra;

- keresek - igaz értékkel tér vissza, ha jelenleg egy látogató végrehajt egy „gyors görgetés” (csak olvasható);

- STARTTIME - vágánypozíció (másodpercben), amely indítható a lejátszás (csak olvasható);

- kötet - az aktuális hangerő-értékét 0,0-1,0 elhallgattatni - a maximális mennyiség (alapértelmezett beállítás).

Nézzük alkalmazni az új lehetőségeket a gyakorlatban.

Amikor a hirdetést egy játékos vezérlő parancsot nem véletlenül figyelmen kívül eljárás megáll, az nem létezik. Ebből műveletet szünet az jellemzi, hogy a lejátszási pozíció visszatér a nulla pont. Ez a csapat nem, de most már könnyen meg azt a programozott:

Ha (cmd == 'mínusz') játékos. térfogat- = 0,1;

Ha (cmd == 'stop')

Próbáljunk egy kicsit bonyolultabb.

Egy kísérlet, hogy hívja a kapott mediobekt játékos eddig sikertelenül, mégis, mert ő csak játszani egy dalt. Helyes ez félreértés, hagyjuk, hogy elveszti az egész album!

Kezdeni a játékos maga:

Var-lejátszó; // médiaobjektum magát

Var vágányon = 0; Counter albummal

Var pályája = [ „És vár a busz. mp3 '' Sheik. mp3 '' Master of Sparks. mp3 „] tömbben az album címadó számát. Egy valós alkalmazás kaphatunk ajax / JSON kérelem

Játékos = dokumentumot. getElementByld ( 'PLR'); lejátszó. addEventListener ( "véget ért", nextTrack, false); lejátszó. src = pályák [track];

Ezután a letöltés előtt a játékos az első pálya, amit társítani az eseményt a végén a szám lejátszása funkció, amely a következő audio fájlt. Ez nagyon egyszerű:

Funkció nextTrack ()

Player. src = pályák [track]; lejátszó. play ();

Ön is érdekelt a következő cikkeket: