Duela gutxi, bideoaren erabilera aztertzen ari gara animazioaren ordez eta bideoa sprite animazioaren ordez. Bideo mota honi bideo interaktiboa deitzen diogu.
Sprite animazio tradizionala: diskoan leku handia, deskarga motela, batez ere lineako erreprodukzioa, motelagoa izango da
Fitxategi gehiegi, http eskaera gehiegi linean jolasean, erantzun motela edo portaera anormala eragingo dute. Hori dela eta, premiazkoa da sprite animazioa bideoarekin ordezkatzeko teknologia multzo bat garatzea. Bideo mota honi bideo interaktiboa deitzen diogu
Bideo tradizionalarekin arazoak:
1. Karratu itxurako eremuan bakarrik jolastu daiteke
2. iPadaren azpian, erreproduzitzeko leihoa da eta iPhone-aren azpian, pantaila osoan erreproduzitu daiteke.
3. Jokatzerakoan, behin betiko abangoardian agertuko da
Bideo interaktiboak ezaugarri hauek ditu:
IPhonearen arabera, pantaila osoko erreprodukzioa ez da beharrezkoa, eremu batean erreproduzitu daiteke
Bideo interaktiboa objektu grafiko arrunten azpian ager daiteke
Bideo interaktiboak maskara bat izan dezake, bideoaren atzeko planoa kendu eta bideoa eta objektu grafiko arruntak integratu ahal izateko
Laburpena: Erreproduzitzeko erabiltzen den bideoari dagokionez, ohiko bideo gisa ezarriko dugu. Helburu zehatzetarako erabili behar diren bideoetarako, bideo interaktibo gisa ezarri ditugu. Ikerketak aurretiazko emaitzak eman ditu. Bide batez, hurrengo urteetan H5 mugikorraren audio eta bideo garapenean izandako arazo errealak laburbiltzen ditu eta bere irtenbideak eskaintzen ditu. Ikusi azken benetako efektua: bateragarria PC (> IE9), iphone, iPad, Android 5.0 bateragarriarekin
Konpondu eskuzko, automatiko eta leihoetako arazoak iPhonean, eta hala da funtsean benetako ekoizpenean erabili behar da. Eskuinean, jatorrizko bideo mp4 fitxategia dago, ezkerreko bideoak animazioa ordezkatzen du eta, ondoren, atzeko maskara efektua onartzen du, oinarrizko mapa agerian utzi eta eragiketa interaktibo ugari onartzen ditu.
H5 audioa
Audio objektu bat Audio berritik pasatzen den bakoitzean, hari berri bat ikus daiteke IOSen.
Irtenbidea: Audio objektu berri batek, audio helbide desberdinak ordezkatuz, hari gehiago ez irekitzeko helburua lortzen du.
Android-en laguntza ez da ona
Irtenbidea: Android-en beheko bertsioaren arazoa ez da konpondu. Orokorrean, garapen mistoa azpiko interfazea egokituz maneiatu daiteke, hala nola phonegap
Ezin da automatikoki erreproduzitu iphone-n
Irtenbidea: Iphone-en erreprodukzio automatikoa IOS diseinatu zenean egindako prozesua da. Badirudi trafikoaren lapurreta automatikoa ekiditeko dela.
Besterik gabe esanda, eskuz abiarazi behar da erabiltzailea simulatuz, beraz, hasieratik deitu behar diogu kode zati honi:
Kopiatu kodea
// Konpondu ios arakatzaileak ezin duela automatikoki erreproduzitu audioa. Sortu audio berria kargatzean eta ordeztu src erabiltzean.
Xut.fix = Xut.fix || {};
if (Xut.plat.isBrowser && Xut.plat.isIOS) {
var isAudio = faltsua
var fixaudio = funtzioa () {
if (! isAudio) {
isAudio = egia;
Xut.fix.audio = new Audio ();
document.removeEventListener ('touchstart', fixaudio, false);
}
};
document.addEventListener ('touchstart', fixaudio, false);
}
Kopiatu goiko kodea
Kode hori gorputzarekin lotzen baduzu: sortu audio objektu bat eskuz abiarazita, eta gorde globalean
Honela erabiltzen denean:
Kopiatu kodea
// Ios nabigatzailearentzako src zehazteko Xut.fix.audio erabiltzen baduzu, mesedez, jo hasierako app.js-ra.
bada (Xut.fix.audio) {
audio
=
Xut.fix.audio;
audio.src = url;
} Else {
audio = new Audio (url);
}
audio.autoplay = egia;
audio.play ();
Besterik gabe, ordezkatu audio objektua. Besterik gabe, erabiltzaileak abiarazleak sortutako objektua izan behar du jolasteko.
H5 bideo audioa
Bideo etiketak oso gutxitan erabil daitezke mugikorreko terminalean, Android-en laguntza oso txarra da, bisualki 5.0 hobea da. IPhonearen arazo zaharra ezin da automatikoki erreproduzitu (Gorde datuak, gorde zure ahizpa !!!), eta lehenetsitakoa pantaila osoko kontrola da erreproduzitzeko. Luzaroan, ez nuen bideoaren prozesamenduari jaramonik egin. Android-ek beheko geruza erabiltzen du, iPhoneak zuzenean VideoJS erabiltzen du, integratutako flasha eta h5 etengailua, flash-ek laguntza arazoak ditu. Duela denbora bat, nagusiak eskaera izan zuen. Animazio gehiegi aplikatu genituen, guztiak sprite ibilbideen animazio konbinatuak ziren, ehunka megabyte eta ehunka megabyte bitartekoak aplikazio bakarrean, beraz, irudiak konprimitzeko konponbidea premiazkoa da. Azken irtenbidea bideoa animazioaren ordez erabiltzea da, bideo konpresioaren teknologia urte askoan garatu delako eta oso heldua delako. Orain bideo konpresioaren teknologiak 720P erraz bihur dezake. Definizio handiko filmak, 10M / min edo 160K / segundora konprimituta. Irudi sekuentziaren fitxategiaren tamaina gutxienez hamar aldiz txikiagoa da. Aldi berean, gailu gehienek bideoaren hardware deskonpresioa onartzen dute, bideo erreprodukzioaren PUZaren kontsumoa oso txikia izan dadin, bateriaren kontsumoa ere oso txikia da eta erreprodukzio abiadura ere azkarra da. 25 fotogrametako pantaila osoko erreprodukzioa ere erraz lor daiteke.
Plana amaituta dago, eta konpondu beharreko hainbat arazo hemen daude.
Bideo osoa, bideoko zenbait objektu barne, erabiltzaileen klikak, diapositibak eta iPhone azpiko beste eragiketei erantzun diezaieke, leiho batean erreproduzitu daiteke, atzeko planoa iragazi eta PNG irudi bat bezala erabil daiteke. Bideoak animazioa ordezkatzen du eta, ondoren, atzeko maskara efektua onartzen du, oinarrizko irudia agerian utz dezake eta pantaila eskuzko, automatiko eta osatugabearen arazoa ere konpontzen du.
iphone leihoak
Irtenbidea: konbinatu mihise + bideo etiketa bidez prozesatzea
Printzipioa: eskuratu bideoaren jatorrizko irudi markoa eta marraztu orrialdera canavs bidez
Hemen zuzenean erantsi dut iturburu kodea, kodea orokorrean idatzita dago, baina funtsezko puntu batzuk nabarmentzen ditu
http://iwearshorts.com/blog/inline-video-on-the-iphone/
http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser
Bideoa animazioaren ordez
Pixka bat astuna da. Interaktiboa izan behar du eta mihise arrastatu irudia kontrolatzeko xedea lortzeko. Oraindik ez dut guztia idazten amaitu, eta konpainiaren behar orokorrek ez dute hori izango. Hona hemen deskribapen laburra, mihise + bideo bidez ere prozesatzen da, baina aurrez prozesaketa bat egiteko cacheko mihise edukiontzia behar da. Aurrez prozesatzearen bidez, lortu irudi bakoitzaren pixelak, eta RBG pixel bakoitzaren balioa aldatuta, atzeko planoa iragazi dezake, PNG irudi bat bezala erabil dadin. Gero idatzi eta ~~ argitaratuko dut
Gure beste produktu:
