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 ()