Riċentement, qed nistudjaw l-użu tal-vidjo minflok animazzjoni u vidjo minflok animazzjoni sprite. Aħna nsejħu dan it-tip ta 'vidjo vidjo interattiv.
Animazzjoni sprite tradizzjonali: spazju kbir fuq id-diska, tniżżil bil-mod, speċjalment daqq onlajn, se jkun aktar bil-mod
Wisq fajls, wisq talbiet http meta tilgħab online, jikkawżaw rispons bil-mod jew imġieba anormali. Għalhekk, hemm bżonn urġenti li jiġi żviluppat sett ta 'teknoloġija biex tissostitwixxi l-animazzjoni sprite b'vidjo. Aħna nsejħu dan it-tip ta 'video video interattiv
Problemi bil-vidjo tradizzjonali:
1. Jista 'jintlagħab biss f'żona b'forma kwadra
2. Taħt l-iPad, hija tieqa biex tilgħab, u taħt l-iPhone, tista 'tintlagħab biss fuq skrin sħiħ.
3. Meta tkun qed tilgħab, definittivament tidher fuq quddiem
Vidjo interattiv għandu l-karatteristiċi li ġejjin:
Taħt l-iPhone, il-plejbek full-screen mhix meħtieġa, tista 'tintlagħab f'żona waħda
Vidjo interattiv jista 'jidher taħt oġġetti grafiċi ordinarji
Vidjo interattiv jista 'jkollu maskra, sabiex l-isfond tal-vidjow jista' jitneħħa u l-vidjow u oġġetti grafiċi ordinarji jistgħu jiġu integrati
sommarju: Għall-vidjow użat għal-logħob, se nissettjawh bħala vidjow tradizzjonali. Għal vidjows li jeħtieġu jintużaw għal skopijiet speċifiċi, aħna nissettjawhom bħala vidjows interattivi. Ir-riċerka tat riżultati preliminari. Mill-mod, jiġbor fil-qosor il-problemi attwali li ltaqgħu magħhom fl-iżvilupp tal-awdjo u tal-vidjow tal-mobile H5 fil-ftit snin li ġejjin u jipprovdi s-soluzzjonijiet tiegħu stess. Agħti ħarsa lejn l-effett attwali finali: kompatibbli ma 'PC (> IE9), iphone, ipad, Android 5.0
Issolvi l-problemi tal-manwal, awtomatiku, u tieqa fuq l-iPhone, u jista ' bażikament jintuża fil-produzzjoni attwali. Fuq il-lemin hemm il-video mp4 file oriġinali, il-video fuq ix-xellug jieħu post l-animazzjoni, u mbagħad jappoġġja l-effett maskra fl-isfond, jista 'jiżvela l-mappa bażi, u jappoġġja serje ta' operazzjonijiet interattivi
H5 awdjo
Kull darba li oġġett awdjo jgħaddi minn Awdjo ġdid, jista 'jidher ħajt ġdid fuq l-IOS.
Soluzzjoni: Oġġett Awdjo ġdid, billi jissostitwixxi indirizzi awdjo differenti, jikseb l-għan li ma jiftaħx aktar ħjut.
L-appoġġ mhux tajjeb fuq Android
Soluzzjoni: Il-problema fuq il-verżjoni t'isfel ta 'Android mhix solvuta. Ġeneralment, żvilupp imħallat jista 'jiġi mmaniġġjat billi tiġi aġġustata l-interface sottostanti, bħal phonegap
Ma nistax nilgħab awtomatikament fuq l-iphone
Soluzzjoni: Il-plejbek awtomatiku fuq l-iphone huwa proċess magħmul meta ġie ddisinjat l-IOS. Jidher li huwa li jipprevjeni serq awtomatiku tat-traffiku.
Fi kliem sempliċi, jeħtieġ li jiġi attivat manwalment billi tissimula l-utent, allura għandna nsejħu din il-biċċa kodiċi fil-bidu nett:
Kopja tal-kodiċi
// Irranġa l-problema li l-ios browser ma jistax awtomatikament idoqq l-awdjo. Oħloq awdjo ġdid meta tgħabbi u ibdel src meta tużah.
Xut.fix = Xut.fix || {};
jekk (Xut.plat.isBrowser && Xut.plat.isIOS) {
var isAudio = falz
var fixaudio = funzjoni () {
jekk (! isAudio) {
isAudio = veru;
Xut.fix.audio = awdjo ġdid ();
document.removeEventListener ('touchstart', fixaudio, falz);
}
};
document.addEventListener ('touchstart', fixaudio, falz);
}
Ikkopja l-kodiċi ta 'hawn fuq
Jekk torbot kodiċi bħal dan mal-ġisem: oħloq oġġett awdjo billi tiskattah manwalment, u mbagħad issalvah fil-global
Meta jintuża kif ġej:
Kopja tal-kodiċi
// Jekk tuża Xut.fix.audio biex tispeċifika src għall-ios browser, jekk jogħġbok irreferi għal app.js għall-inizjalizzazzjoni
jekk (Xut.fix.audio) {
awdjo
=
Xut.fix.audio;
audio.src = url;
} Inkella {
awdjo = awdjo ġdid (url);
}
audio.autoplay = veru;
audio.play ();
Sempliċement ibdel l-oġġett awdjo. Fi kliem sempliċi, għandu jkun l-oġġett maħluq mill-iskattatur tal-utent biex jilgħab.
Awdjo tal-vidjow H5
It-tikketti tal-vidjow jistgħu jintużaw rarament fuq it-terminal mobbli, l-appoġġ ta 'Android huwa ħażin wisq, viżwalment 5.0 huwa aħjar. Il-problema l-qadima fuq l-iPhone ma tistax tintlagħab awtomatikament (Issejvja d-dejta, ħlief lil oħtok !!!), u l-kontumaċja hija l-kontroll tal-iskrin sħiħ biex tilgħab. Għal żmien twil, injorajt dan l-ipproċessar tal-vidjo. Android juża s-saff tal-qiegħ, iPhone juża direttament VideoJS, il-flash integrat u swiċċ h5, il-flash għandu wkoll problemi ta 'appoġġ. Ftit ilu, il-kap kellu talba. Aħna applikajna wisq animazzjonijiet, kollha kemm huma kienu animazzjonijiet ikkombinati ta 'rotot sprite, li jvarjaw minn mijiet ta' megabytes għal mijiet ta 'megabytes taħt app waħda, għalhekk hemm bżonn urġenti għal soluzzjoni biex tikkompressa l-immaġini. Is-soluzzjoni finali hija li tuża vidjo minflok animazzjoni, minħabba li t-teknoloġija tal-kompressjoni tal-vidjo ilha żviluppata għal ħafna snin u kienet matura ħafna. Issa t-teknoloġija tal-kompressjoni tal-vidjow tista 'faċilment tikkonverti 720P. Films ta 'definizzjoni għolja, ikkompressati għal 10M / min, jew 160K / sek. Id-daqs tal-fajl tas-sekwenza tal-immaġni huwa mill-inqas diversi għexieren ta 'drabi iżgħar. Fl-istess ħin, ħafna mill-apparati jappoġġjaw id-dekompressjoni tal-ħardwer tal-vidjow, sabiex il-konsum tas-CPU tal-plejbek tal-vidjow huwa baxx ħafna, il-konsum tal-batterija huwa wkoll baxx ħafna, u l-veloċità tal-plejbek hija mgħaġġla wkoll. Anke daqq ta 'skrin sħiħ ta' 25 frejm jista 'jinkiseb faċilment.
Il-pjan huwa ffinalizzat, u hawn diversi problemi li għandhom jiġu solvuti.
Il-vidjow kollu, inklużi xi oġġetti fil-vidjow, jista 'jirrispondi għal klikks tal-utent, slides u operazzjonijiet oħra taħt l-iPhone, jista' jintlagħab f'tieqa, jista 'jiffiltra l-isfond, u jista' jintuża bħal immaġni PNG. Il-vidjo jieħu post l-animazzjoni, u mbagħad jappoġġja l-effett maskra fl-isfond, li jista 'jiżvela l-immaġni bażi, u jsolvi wkoll il-problema ta' skrin manwali, awtomatiku u mhux komplut
twieqi tal-iphone
Soluzzjoni: Għaqqad l-ipproċessar permezz tal-kanvas + vidjow tags
Prinċipju: Ikseb il-frejm oriġinali tal-immaġni tal-vidjow u iġbedha għall-paġna permezz ta 'canavs
Hawnhekk inwaħħal direttament il-kodiċi tas-sors, il-kodiċi huwa miktub b'mod ġenerali, iżda jenfasizza ftit punti ewlenin
http://iwearshorts.com/blog/inline-video-on-the-iphone/
http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser
Vidjo minflok animazzjoni
Dan huwa kemmxejn diffiċli. Jeħtieġ li jkun interattiv u jkaxkar il-kanvas biex jikseb l-iskop li jikkontrolla l-immaġni. Għadni ma spiċċajtx il-kitba kollha tagħha, u l-bżonnijiet ġenerali tal-kumpanija mhux se jkollhom dan. Hawnhekk hawn deskrizzjoni qasira, hija pproċessata wkoll permezz ta 'kanvas + vidjow, iżda kontenitur tal-kanvas moħbi huwa meħtieġ biex isir pre-proċessar. Permezz ta 'proċessar minn qabel, ġib il-pixels ta' kull stampa, u billi tbiddel il-valur ta 'kull pixel RBG, tista' tiffiltra l-isfond, sabiex tkun tista 'tintuża bħal stampa PNG. Se niktebha aktar tard u nippubblikaha ~~
prodotti oħra tagħna:
