Hivi karibuni, tunajifunza matumizi ya video badala ya uhuishaji na video badala ya uhuishaji wa sprite. Tunaita video hii ya maingiliano ya video.
Uhuishaji wa jadi wa sprite: nafasi kubwa ya diski, kupakua polepole, haswa uchezaji wa mkondoni, itakuwa polepole
Faili nyingi sana, maombi mengi ya http wakati wa kucheza mkondoni, yatasababisha majibu ya polepole au tabia isiyo ya kawaida. Kwa hivyo, kuna haja ya dharura ya kukuza seti ya teknolojia kuchukua nafasi ya uhuishaji wa sprite na video. Tunaita aina hii ya video video inayoingiliana
Shida na video ya jadi:
1. Inaweza kuchezwa tu katika eneo lenye umbo la mraba
2. Chini ya iPad, ni dirisha la kucheza, na chini ya iPhone, inaweza kuchezwa tu katika skrini kamili.
3. Wakati wa kucheza, hakika itaonekana mbele
Video inayoingiliana ina sifa zifuatazo:
Chini ya iPhone, uchezaji kamili wa skrini hauhitajiki, unaweza kuchezwa katika eneo moja
Video inayoingiliana inaweza kuonekana chini ya vitu vya kawaida vya picha
Video inayoingiliana inaweza kuwa na kinyago, ili msingi wa video uondolewe na video na vitu vya kawaida vinaweza kuunganishwa.
Summary: Kwa video inayotumika kucheza, tutaiweka kama video ya jadi. Kwa video ambazo zinahitaji kutumiwa kwa madhumuni maalum, tunaziweka kama video zinazoingiliana. Utafiti umetoa matokeo ya awali. Kwa njia, inafupisha shida halisi zilizojitokeza katika maendeleo ya sauti na video ya H5 ya rununu katika miaka michache ijayo na hutoa suluhisho zake. Angalia athari halisi ya mwisho: inayoendana na PC (> IE9), iphone, ipad, Android 5.0
Suluhisha shida za mwongozo, kiotomatiki, na upepo kwenye iPhone, na inaweza kimsingi kutumika katika uzalishaji halisi. Kulia ni faili asili ya video ya video, video upande wa kushoto inachukua nafasi ya uhuishaji, na kisha inasaidia athari ya kinyago cha nyuma, inaweza kufunua ramani ya msingi, na inasaidia safu ya shughuli za maingiliano
H5 sauti
Kila wakati kitu cha sauti kinapopita kupitia Sauti mpya, uzi mpya unaweza kuonekana kwenye IOS.
Suluhisho: Kitu kipya cha Sauti, kwa kubadilisha anwani tofauti za sauti, hufikia lengo la kutofungua nyuzi zaidi.
Msaada sio mzuri kwenye Android
Suluhisho: Tatizo kwenye toleo la chini la Android halijatatuliwa. Kwa ujumla, maendeleo mchanganyiko yanaweza kushughulikiwa kwa kurekebisha kiolesura cha msingi, kama vile simu ya simu
Haiwezi kucheza kiotomatiki kwenye iphone
Suluhisho: Uchezaji wa moja kwa moja kwenye iphone ni mchakato uliofanywa wakati IOS ilipoundwa. Inaonekana ni kuzuia wizi wa moja kwa moja wa trafiki.
Kuweka tu, inahitaji kusababishwa kwa mikono na kuiga mtumiaji, kwa hivyo tunahitaji kupiga kipande hiki cha nambari mwanzoni kabisa:
Nakili nambari
// Rekebisha shida kwamba kivinjari cha ios hakiwezi kucheza sauti kiatomati. Unda sauti mpya wakati wa kupakia na kubadilisha src wakati wa kuitumia.
Xut.fix = Xut.fix || {};
ikiwa (Xut.plat.isBrowser && Xut.plat.isIOS) {
var isAudio = uwongo
var fixaudio = kazi () {
ikiwa (! isAudio) {
isAudio = kweli;
Xut.fix.audio = mpya Audio ();
hati.removeEventListener ('touchstart', fixaudio, uwongo);
}
};
hati.addEventListener ('touchstart', fixaudio, uwongo);
}
Nakili nambari hapo juu
Ikiwa unafunga nambari kama hiyo kwa mwili: unda kitu cha sauti kwa kukisababisha mwenyewe, na kisha uihifadhi katika ulimwengu
Inapotumika kama ifuatavyo:
Nakili nambari
// Ikiwa unatumia Xut.fix.audio kutaja src kwa kivinjari cha ios, tafadhali rejea app.js kwa uanzishaji
ikiwa (Xut.fix.audio) {
audio
=
Xut.rekebisha.sauti;
sauti.src = url;
} Mwingine {
sauti = Sauti mpya (url);
}
audio.autoplay = kweli;
sauti ya kucheza ();
Badilisha tu kitu cha sauti. Kuweka tu, lazima iwe kitu kilichoundwa na kichocheo cha mtumiaji cha kucheza.
Sauti ya video ya H5
Lebo za video zinaweza kutumika mara chache kwenye kituo cha rununu, msaada wa Android ni mbaya sana, kuibua 5.0 ni bora. Shida ya zamani kwenye iPhone haiwezi kuchezwa kiatomati (Hifadhi data, salama dada yako !!!), na chaguo-msingi ni udhibiti kamili wa skrini kucheza. Kwa muda mrefu, nilipuuza usindikaji huu wa video. Android hutumia safu ya chini, iPhone hutumia VideoJS moja kwa moja, flash iliyojengwa na swichi ya h5, flash pia ina shida za msaada. Muda mfupi uliopita, bosi alikuwa na mahitaji. Tulitumia michoro nyingi sana, zote zilikuwa michoro ya pamoja ya njia za sprite, kuanzia mamia ya megabytes hadi mamia ya megabytes chini ya programu moja, kwa hivyo kuna haja ya haraka ya suluhisho la kubana picha. Suluhisho la mwisho ni kutumia video badala ya uhuishaji, kwa sababu teknolojia ya kukandamiza video imetengenezwa kwa miaka mingi na imekuwa mzima sana. Sasa teknolojia ya kukandamiza video inaweza kubadilisha kwa urahisi 720P. Sinema zenye ufafanuzi wa hali ya juu, zilizobanwa hadi 10M / min, au 160K / sec. Ukubwa wa faili ya mlolongo wa picha ni angalau makumi kadhaa ya nyakati ndogo. Wakati huo huo, vifaa vingi vinasaidia utengamano wa vifaa vya video, ili matumizi ya CPU ya uchezaji wa video ni ya chini sana, matumizi ya betri pia ni ya chini sana, na kasi ya uchezaji pia ni haraka. Hata uchezaji kamili wa skrini 25 unaweza kupatikana kwa urahisi.
Mpango huo umekamilika, na shida kadhaa zinazotatuliwa ziko hapa.
Video nzima, pamoja na vitu kwenye video, inaweza kujibu kubofya kwa mtumiaji, slaidi na shughuli zingine chini ya iPhone, inaweza kuchezwa kwenye dirisha, inaweza kuchuja nyuma, na inaweza kutumika kama picha ya PNG. Video inachukua nafasi ya uhuishaji, na kisha inasaidia athari ya kinyago cha nyuma, ambayo inaweza kufunua picha ya msingi, na pia hutatua shida ya skrini ya mwongozo, otomatiki na isiyokamilika
upepo wa iphone
Suluhisho: Unganisha usindikaji kupitia turubai + vitambulisho vya video
Kanuni: Pata fremu ya picha ya asili ya video na uichora kwenye ukurasa kupitia canavs
Hapa ninaunganisha moja kwa moja nambari ya chanzo, nambari imeandikwa kwa jumla, lakini inaonyesha mambo kadhaa muhimu
http://iwearshorts.com/blog/inline-video-on-the-iphone/
http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser
Video badala ya uhuishaji
Hii ni ngumu kidogo. Inahitaji kuingiliana na kuburuta turubai ili kufikia kusudi la kudhibiti picha. Bado sijamaliza kuandika yote, na mahitaji ya jumla ya kampuni hayatakuwa na hii. Hapa kuna maelezo mafupi, pia inasindika na turubai + video, lakini chombo cha turubai kilichohifadhiwa kinahitajika kufanya utaftaji. Kupitia utabiri, pata saizi za kila picha, na kwa kubadilisha thamani ya kila pikseli RBG, inaweza kuchuja nyuma, ili iweze kutumiwa kama picha ya PNG. Nitaiandika baadaye na kuitangaza ~~
bidhaa zetu nyingine:
