Yn ddiweddar, rydym yn astudio’r defnydd o fideo yn lle animeiddio a fideo yn lle animeiddio sprite. Rydyn ni'n galw'r math hwn o fideo rhyngweithiol fideo.
Animeiddiad sprite traddodiadol: bydd lle mawr ar y ddisg, ei lawrlwytho'n araf, yn enwedig chwarae ar-lein, yn arafach
Bydd gormod o ffeiliau, gormod o geisiadau http wrth chwarae ar-lein, yn achosi ymateb araf neu ymddygiad annormal. Felly, mae angen datblygu set o dechnoleg ar frys i ddisodli animeiddiad sprite â fideo. Rydyn ni'n galw'r math hwn o fideo yn fideo rhyngweithiol
Problemau gyda fideo traddodiadol:
1. Dim ond mewn ardal siâp sgwâr y gellir ei chwarae
2. O dan yr iPad, mae'n ffenestr i'w chwarae, ac o dan yr iPhone, dim ond ar y sgrin lawn y gellir ei chwarae.
3. Wrth chwarae, bydd yn bendant yn ymddangos ar y blaen
Mae gan fideo rhyngweithiol y nodweddion canlynol:
O dan yr iPhone, nid oes angen chwarae sgrin lawn, gellir ei chwarae mewn un ardal
Gall fideo rhyngweithiol ymddangos yn is na gwrthrychau graffig cyffredin
Gall fideo rhyngweithiol gael mwgwd, fel y gellir tynnu cefndir y fideo a bod modd integreiddio'r fideo a'r gwrthrychau graffig cyffredin
Crynodeb: Ar gyfer y fideo a ddefnyddir ar gyfer chwarae, byddwn yn ei osod fel fideo traddodiadol. Ar gyfer fideos y mae angen eu defnyddio at ddibenion penodol, rydym yn eu gosod fel fideos rhyngweithiol. Mae'r ymchwil wedi esgor ar ganlyniadau rhagarweiniol. Gyda llaw, mae'n crynhoi'r problemau gwirioneddol a gafwyd yn natblygiad sain a fideo yr H5 symudol yn yr ychydig flynyddoedd nesaf ac yn darparu ei atebion ei hun. Cymerwch gip ar yr effaith wirioneddol derfynol: cydnaws â PC (> IE9), iphone, ipad, Android 5.0
Datryswch broblemau llaw, awtomatig a gwyntog ar yr iPhone, a gall wneud hynny yn y bôn yn cael ei ddefnyddio mewn cynhyrchu gwirioneddol. Ar y dde mae'r ffeil mp4 fideo wreiddiol, mae'r fideo ar y chwith yn disodli'r animeiddiad, ac yna'n cefnogi'r effaith mwgwd cefndir, yn gallu datgelu'r map sylfaen, ac yn cefnogi cyfres o weithrediadau rhyngweithiol.
H5 sain
Bob tro mae gwrthrych sain yn cael ei basio trwy Sain newydd, gellir gweld edau newydd ar IOS.
Datrysiad: Mae gwrthrych Sain newydd, trwy ddisodli gwahanol gyfeiriadau sain, yn cyflawni'r nod o beidio ag agor mwy o edafedd.
Nid yw'r gefnogaeth yn dda ar Android
Datrysiad: Nid yw'r broblem ar fersiwn isaf Android wedi'i datrys. Yn gyffredinol, gellir ymdrin â datblygiad cymysg trwy addasu'r rhyngwyneb sylfaenol, fel ffôngap
Methu chwarae'n awtomatig ar iphone
Datrysiad: Mae chwarae awtomatig ar iphone yn broses a wnaed pan ddyluniwyd IOS. Mae'n ymddangos ei fod i atal dwyn traffig yn awtomatig.
Yn syml, mae angen ei sbarduno â llaw trwy efelychu'r defnyddiwr, felly mae angen i ni alw'r darn hwn o god ar y cychwyn cyntaf:
Cod copi
// Trwsiwch y broblem na all y porwr ios chwarae sain yn awtomatig. Creu sain newydd wrth lwytho a newid src wrth ei ddefnyddio.
Xut.fix = Xut.fix || {};
os (Xut.plat.isBrowser && Xut.plat.isIOS) {
var isAudio = ffug
var fixaudio = swyddogaeth () {
os (! isAudio) {
isAudio = gwir;
Xut.fix.audio = Sain newydd ();
document.removeEventListener ('touchstart', fixaudio, ffug);
}
};
document.addEventListener ('touchstart', fixaudio, ffug);
}
Copïwch y cod uchod
Os ydych chi'n rhwymo cod o'r fath i'r corff: crëwch wrthrych sain trwy ei sbarduno â llaw, ac yna ei arbed yn y byd-eang
Pan gaiff ei ddefnyddio fel a ganlyn:
Cod copi
// Os ydych chi'n defnyddio Xut.fix.audio i nodi src ar gyfer porwr ios, cyfeiriwch at app.js i'w ymgychwyn
os (Xut.fix.audio) {
sain
=
Xut.fix.audio;
audio.src = url;
} {Arall
sain = Sain newydd (url);
}
audio.autoplay = gwir;
audio.play ();
Yn syml, disodli'r gwrthrych sain. Yn syml, rhaid iddo fod y gwrthrych a grëwyd gan y sbardun defnyddiwr i chwarae.
Sain fideo H5
Anaml y gellir defnyddio tagiau fideo ar y derfynfa symudol, mae cefnogaeth Android yn rhy ddrwg, yn weledol mae 5.0 yn well. Ni ellir chwarae'r hen broblem ar yr iPhone yn awtomatig (Arbedwch ddata, arbedwch eich chwaer !!!), a'r rhagosodiad yw rheolaeth sgrin lawn i'w chwarae. Am amser hir, anwybyddais y prosesu fideo hwn. Mae Android yn defnyddio'r haen waelod, mae iPhone yn defnyddio VideoJS yn uniongyrchol, y switsh fflach a h5 adeiledig, mae gan fflach broblemau cefnogi hefyd. Ychydig amser yn ôl, roedd galw gan y bos. Fe wnaethom gymhwyso gormod o animeiddiadau, roedd pob un ohonynt yn animeiddiadau cyfun o lwybrau sprite, yn amrywio o gannoedd o megabeit i gannoedd o megabeit o dan un ap, felly mae angen datrysiad ar frys i gywasgu delweddau. Yr ateb olaf yw defnyddio fideo yn lle animeiddio, oherwydd mae technoleg cywasgu fideo wedi'i datblygu ers blynyddoedd lawer ac wedi bod yn aeddfed iawn. Nawr gall technoleg cywasgu fideo drosi 720P yn hawdd. Ffilmiau manylder uwch, wedi'u cywasgu i 10M / min, neu 160K / eiliad. Mae maint ffeil dilyniant y ddelwedd o leiaf sawl degau o weithiau'n llai. Ar yr un pryd, mae'r rhan fwyaf o ddyfeisiau'n cefnogi datgywasgiad caledwedd fideo, fel bod y defnydd CPU o chwarae fideo yn isel iawn, mae'r defnydd o batri hefyd yn isel iawn, ac mae'r cyflymder chwarae hefyd yn gyflym. Gellir cyflawni hyd yn oed chwarae sgrin lawn o 25 ffrâm yn hawdd.
Mae'r cynllun wedi'i gwblhau, ac mae sawl problem i'w datrys yma.
Gall y fideo gyfan, gan gynnwys rhai gwrthrychau yn y fideo, ymateb i gliciau defnyddwyr, sleidiau a gweithrediadau eraill o dan yr iPhone, gellir ei chwarae mewn ffenestr, gall hidlo'r cefndir allan, a gellir ei ddefnyddio fel delwedd PNG. Mae'r fideo yn disodli'r animeiddiad, ac yna'n cefnogi'r effaith mwgwd cefndir, a all ddatgelu'r ddelwedd sylfaen, a hefyd yn datrys problem sgrin â llaw, awtomatig ac anghyflawn
gwyntog iphone
Datrysiad: Cyfuno prosesu trwy gynfas + tagiau fideo
Egwyddor: Sicrhewch ffrâm delwedd wreiddiol y fideo a'i dynnu i'r dudalen trwy ganavs
Yma, rwy'n atodi'r cod ffynhonnell yn uniongyrchol, mae'r cod wedi'i ysgrifennu'n gyffredinol, ond mae'n tynnu sylw at ychydig o bwyntiau allweddol
http://iwearshorts.com/blog/inline-video-on-the-iphone/
http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser
Fideo yn lle animeiddio
Mae hyn ychydig yn feichus. Mae angen iddo fod yn rhyngweithiol a llusgo'r cynfas i gyflawni'r pwrpas o reoli'r ddelwedd. Nid wyf wedi gorffen ysgrifennu'r cyfan eto, ac ni fydd hyn gan anghenion cyffredinol y cwmni. Dyma ddisgrifiad byr, mae hefyd yn cael ei brosesu gan gynfas + fideo, ond mae angen cynhwysydd cynfas wedi'i storio i wneud rhagbrosesu. Trwy ragbrosesu, mynnwch bicseli pob llun, a thrwy newid gwerth pob RBG picsel, gall hidlo'r cefndir allan, fel y gellir ei ddefnyddio fel delwedd PNG. Byddaf yn ei ysgrifennu yn nes ymlaen a'i gyhoeddi ~~
Mae ein cynnyrch eraill:
