Неодамна, ние ја проучуваме употребата на видео наместо анимација и видео наместо анимација со сприт. Овој вид видео го нарекуваме интерактивно видео.
Традиционална анимација со спирит: голем простор на дискот, бавно преземање, особено репродукција преку Интернет, ќе биде побавно
Премногу датотеки, премногу http барања кога играте преку Интернет, ќе предизвикаат бавен одговор или ненормално однесување. Затоа, има итна потреба да се развие пакет технологија за замена на анимацијата со сприт со видео. Овој вид видео го нарекуваме интерактивно видео
Проблеми со традиционалното видео:
1. Може да се игра само во област во форма на квадрат
2. Под iPad, тој е прозорец за играње, а под iPhone, може да се репродуцира само на цел екран.
3. Кога играте, дефинитивно ќе се појави во првите редови
Интерактивното видео ги има следниве карактеристики:
Под iPhone, репродукцијата на цел екран не е потребна, може да се репродуцира во една област
Интерактивно видео може да се појави под обичните графички објекти
Интерактивното видео може да има маска, за да може да се отстрани позадината на видеото и да се интегрираат видеото и обичните графички предмети
Краток преглед на: За видеото што се користи за репродукција, ќе го поставиме како традиционално видео. За видеа што треба да се користат за специфични цели, ги поставуваме како интерактивни видеа. Истражувањето даде прелиминарни резултати. Патем, тој ги сумира реалните проблеми со кои се соочуваат аудио и видео развојот на мобилниот H5 во следните неколку години и дава свои решенија. Погледнете го конечниот вистински ефект: компатибилен со компјутер (> IE9), iPhone, iPad, Android 5.0
Решајте ги проблемите со рачно, автоматско и прозорец на iPhone, и може во основа да се користи во вистинско производство. Десно е оригиналната датотека за видео mp4, видеото лево ја заменува анимацијата, а потоа го поддржува ефектот на маската во позадина, може да ја открие основната мапа и поддржува низа интерактивни операции
Аудио H5
Секој пат кога аудио-објектот се пренесува преку ново Аудио, на IOS-от може да се види нова нишка.
Решение: Нов аудио објект, со замена на различни аудио адреси, ја постигнува целта да не отвора повеќе нишки.
Поддршката не е добра на Андроид
Решение: Проблемот со долната верзија на Android не е решен. Општо земено, со мешаниот развој може да се управува со прилагодување на основниот интерфејс, како што е телефонскиот јазол
Не може автоматски да се репродуцира на iPhone
Решение: Автоматската репродукција на iphone е процес што се прави кога е дизајниран IOS. Се чини дека треба да се спречи автоматска кражба на сообраќајот.
Едноставно кажано, тоа треба да се активира рачно со симулирање на корисникот, затоа треба да го повикаме ова парче код на самиот почеток:
Копирајте го кодот
// Поправете го проблемот што прелистувачот ios не може автоматски да репродуцира аудио. Создајте ново аудио при вчитување и заменете го src кога го користите.
Xut.fix = Xut.fix || {};
ако (Xut.plat.isBrowser && Xut.plat.isIOS) {
var isAudio = неточно
var fixaudio = функција () {
ако (! е Аудио) {
isAudio = точно;
Xut.fix.audio = ново аудио ();
document.removeEventListener ('touchstart', fixaudio, false);
}
};
document.addEventListener ('touchstart', fixaudio, false);
}
Копирајте го кодот погоре
Ако врзете таков код со телото: креирајте аудио објект рачно активирајќи го, а потоа зачувајте го во глобалниот
Кога се користи како што следува:
Копирајте го кодот
// Ако користите Xut.fix.audio за да наведете src за прелистувачот ios, повикајте се на app.js за иницијализација
ако (Xut.fix.audio) {
аудио
=
Xut.fix.audio;
аудио.src = URL;
} Else {
аудио = ново аудио (url);
}
аудио.автоплеј = точно;
аудио.игра ();
Едноставно заменете го аудио објектот. Едноставно кажано, тој мора да биде објектот креиран од активирањето на корисникот за играње.
H5 видео аудио
Видео ознаките може ретко да се користат на мобилниот терминал, поддршката за Android е премногу лоша, визуелно 5.0 е подобар. Стариот проблем на iPhone не може да се репродуцира автоматски (Заштедете податоци, зачувајте ја вашата сестра !!!), а стандардната е контролата на цел екран за репродукција. Долго време, ја игнорирав оваа видео-обработка. Андроид го користи долниот слој, iPhone директно користи VideoJS, вградениот блиц и прекинувачот h5, блицот исто така има проблеми со поддршката. Пред некое време, шефот имаше побарувачка. Аплициравме премногу анимации, сите беа комбинирани анимации на спритни патишта, кои се движат од стотици мегабајти до стотици мегабајти под една апликација, затоа постои итна потреба за решение за компресија на слики. Конечното решение е да користите видео наместо анимација, бидејќи технологијата за видео компресија е развиена многу години и е многу зрела. Сега технологијата за видео компресија може лесно да конвертира 720P. Филмови со висока дефиниција, компресирани до 10M / min, или 160K / sec. Големината на датотеката на низата на сликата е барем неколку десетици пати помала. Во исто време, повеќето уреди поддржуваат хардверска декомпресија на видеото, така што потрошувачката на процесорот за репродукција на видео е многу мала, потрошувачката на батеријата е исто така многу мала, а брзината на репродукција е исто така брза. Дури и репродукција на цел екран од 25 рамки може лесно да се постигне.
Планот е финализиран, а неколку проблеми што треба да се решат се тука.
Целото видео, вклучително и некои предмети во видеото, може да одговори на кориснички кликови, слајдови и други операции под iPhone, може да се репродуцира во прозорец, може да ја филтрира позадината и може да се користи како PNG слика. Видеото ја заменува анимацијата, а потоа го поддржува ефектот на маската во позадина, што може да ја открие основната слика, а исто така го решава проблемот со рачен, автоматски и нецелосен екран
прозорец на iPhone
Решение: Комбинирајте ја обработката преку платно + видео-ознаки
Принцип: Добијте ја оригиналната рамка за слика на видеото и нацртајте ја на страницата преку платна
Тука директно го приложувам изворниот код, кодот е напишан воопшто, но нагласува неколку клучни точки
http://iwearshorts.com/blog/inline-video-on-the-iphone/
http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser
Видео наместо анимација
Ова е малку незгодно. Потребно е да биде интерактивно и да го влече платното за да се постигне целта за контрола на сликата. Сè уште не сум завршил со пишување, а општите потреби на компанијата нема да го имаат ова. Еве краток опис, тој е обработен и со платно + видео, но потребен е кеширан контејнер за платно за да се изврши претходна обработка. Преку претходна обработка, добијте ги пикселите на секоја слика и со промена на вредноста на секој пиксел RBG, може да се филтрира позадината, така што може да се користи како PNG слика. Laterе го напишам подоцна и ќе го објавам
Нашите други производи:
