Dènyèman, nou ap etidye itilize nan videyo olye pou yo animasyon ak videyo olye pou yo animasyon luten. Nou rele sa a kalite videyo entèaktif videyo.
Animasyon luten tradisyonèl: gwo espas ki gen kapasite, ralanti telechaje, espesyalman sou entènèt lèktur, yo pral pi dousman
Twòp dosye, twòp demann http lè w ap jwe sou entènèt, ap lakòz repons dousman oswa konpòtman nòmal. Se poutèt sa, gen yon bezwen ijan yo devlope yon seri teknoloji ranplase animasyon luten ak videyo. Nou rele sa a kalite videyo yon videyo entèaktif
Pwoblèm ak videyo tradisyonèl yo:
1. Ka sèlman jwe nan yon zòn ki gen fòm kare
2. Anba iPad a, li se yon fenèt yo jwe, ak anba iPhone a, li ka jwe sèlman nan ekran plen.
3. Lè w ap jwe, li pral definitivman parèt nan forefront an
Videyo entèaktif gen karakteristik sa yo:
Anba iPhone a, lèktur plen ekran pa obligatwa, li ka jwe nan yon sèl zòn
Videyo entèaktif ka parèt anba objè òdinè grafik yo
Videyo entèaktif ka gen yon mask, se konsa ke background nan nan videyo a ka retire ak videyo a ak òdinè objè grafik ka entegre
Rezime: Pou videyo a yo itilize pou jwe, nou pral mete l 'tankou yon videyo tradisyonèl yo. Pou videyo ki bezwen itilize pou rezon espesifik, nou mete yo kòm videyo entèaktif. Rechèch la te bay rezilta preliminè yo. By wout la, li rezime pwoblèm aktyèl yo rankontre nan devlopman odyo ak videyo nan mobil H5 la nan kèk ane kap vini yo epi li bay solisyon pwòp li yo. Pran yon gade nan efè final aktyèl la: konpatib ak PC (> IE9), iphone, iPad, android 5.0
Rezoud pwoblèm yo nan manyèl, otomatik, ak fenèt sou iPhone a, epi li kapab fondamantalman dwe itilize nan pwodiksyon aktyèl. Sou bò dwat la se dosye orijinal la videyo mp4, videyo a sou bò gòch la ranplase animasyon an, ak Lè sa a, sipòte efè a mask background, ka revele kat la baz, ak sipòte yon seri de operasyon entèaktif.
H5 odyo
Chak fwa yon objè odyo pase nan nouvo odyo, yon nouvo fil ka wè sou IOS.
Solisyon: Yon nouvo objè odyo, pa ranplase diferan adrès odyo, reyalize objektif pou yo pa louvri plis fil.
Sipò pa bon sou android
Solisyon: Pwoblèm lan sou vèsyon ki pi ba nan android pa rezoud. Anjeneral, melanje devlopman ka okipe pa ajiste koòdone nan kache, tankou phonegap
Pa ka jwe oto sou iphone
Solisyon: Otomatik lèktur sou iphone se yon pwosesis fè lè IOS te fèt. Li sanble yo dwe anpeche otomatik vòl nan trafik.
Senpleman mete, li bezwen deklanche manyèlman pa simulation itilizatè a, kidonk nou bezwen rele moso kòd sa a nan kòmansman an anpil:
Kopi kòd
// Ranje pwoblèm nan ki navigatè a ios pa ka otomatikman jwe odyo. Kreye nouvo odyo lè wap chaje epi ranplase src lè wap itilize li.
Xut.fix = Xut.fix || {};
si (Xut.plat.isBrowser && Xut.plat.isIOS) {
var isAudio = fo
var fixaudio = fonksyon () {
si (! isAudio) {
isAudio = vre;
Xut.fix.audio = nouvo Audio ();
document.removeEventListener ('touchstart', fixaudio, fo);
}
};
document.addEventListener ('touchstart', fixaudio, fo);
}
Kopye kòd ki anwo a
Si ou mare tankou yon kòd nan kò a: kreye yon objè odyo pa manyèlman deklanche li, ak Lè sa a, sove li nan mondyal la
Lè yo itilize jan sa a:
Kopi kòd
// Si ou itilize Xut.fix.audio presize src pou iOS navigatè, tanpri al gade app.js pou inisyalizasyon
si (Xut.fix.audio) {
odyo
=
Xut.fix.audio;
audio.src = url;
} Lòt bagay {
odyo = nouvo odyo (url);
}
audio.autoplay = vre;
audio.play ();
Senpleman ranplase objè a odyo. Senpleman mete, li dwe objè a ki te kreye pa deklanche nan itilizatè yo jwe.
H5 videyo odyo
Tags videyo ka raman itilize sou tèminal mobil lan, sipò android twò move, vizyèlman 5.0 pi bon. Pwoblèm nan fin vye granmoun sou iPhone a pa ka jwe otomatikman (Save done, sove sè ou !!!), ak default la se plen ekran kontwòl yo jwe. Pou yon tan long, mwen inyore pwosesis videyo sa a. Android itilize kouch anba a, iPhone dirèkteman itilize VideoJS, flash la bati-an ak switch h5, flash tou gen pwoblèm sipò. Yon ti tan de sa, bòs nan travay la te gen yon demann. Nou aplike twòp Animations, tout nan yo te konbine Animations nan wout luten, sòti nan dè santèn de megabit a dè santèn de megabit anba yon sèl app, kidonk gen yon bezwen ijan pou yon solisyon konpresyon imaj. Solisyon final la se sèvi ak videyo olye pou yo animasyon, paske teknoloji konpresyon videyo te devlope pou anpil ane e li te trè matirite. Koulye a, teknoloji konpresyon videyo ka fasil konvèti 720P. High-definisyon sinema, konprese a 10M / min, oswa 160K / sec. Gwosè dosye sekans imaj la omwen plizyè dizèn fwa pi piti. An menm tan an, pifò aparèy sipòte dekonpwesyon pyès ki nan konpitè nan videyo, se konsa ke konsomasyon CPU a nan lèktur videyo a trè ba, konsomasyon batri a tou trè ba, ak vitès la lèktur se tou vit. Menm lèktur plen ekran nan 25 ankadreman ka fasil reyalize.
Plan an fini, ak plizyè pwoblèm yo dwe rezoud yo isit la.
Videyo a tout antye, ki gen ladan kèk objè nan videyo a, ka reponn a klik itilizatè, glisad ak lòt operasyon anba iPhone a, yo ka jwe nan yon fenèt, ka filtre soti background nan, epi yo ka itilize tankou yon imaj PNG. Videyo a ranplase animasyon an, ak Lè sa a, sipòte efè a mask background, sa ki ka revele imaj la baz, epi tou li rezoud pwoblèm nan nan manyèl, otomatik, ak enkonplè ekran
iphone fenèt
Solisyon: Konbine pwosesis nan twal + Tags videyo
Prensip: Jwenn ankadreman an imaj orijinal la nan videyo a ak trase li nan paj la nan canavs
Isit la mwen dirèkteman tache kòd sous la, kòd la ekri an jeneral, men mete aksan sou kèk pwen kle
http://iwearshorts.com/blog/inline-video-on-the-iphone/
http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser
Videyo olye pou yo animasyon
Sa a se yon ti jan ankonbran. Li bezwen yo dwe entèaktif ak trennen twal la reyalize bi pou yo kontwole imaj la. Mwen poko fini ekri tout bagay sa yo ankò, ak bezwen konpayi jeneral pa pral gen sa a. Isit la se yon deskripsyon tou kout, li se tou trete pa twal + videyo, men se yon veso twal kach oblije fè yon preprocessing. Atravè pre-pwosesis, jwenn piksèl yo nan chak foto, ak pa chanje valè a nan chak pixel RBG, li ka filtre soti background nan, se konsa ke li ka itilize tankou yon imaj PNG. Mwen pral ekri li pita epi pibliye li ~~
lòt pwodwi nou an:
