לעצטנס, מיר לערנען די נוצן פון ווידעא אַנשטאָט פון אַנאַמיישאַן און ווידעא אַנשטאָט פון ספּרייט אַנאַמיישאַן. מיר רופן דעם טיפּ פון ינטעראַקטיוו ווידעא.
טראַדיציאָנעל ספּרייט אַנאַמיישאַן: גרויס דיסק פּלאַץ, פּאַמעלעך דאַונלאָודינג, ספּעציעל אָנליין פּלייבאַק, וועט זיין סלאָוער
צו פילע טעקעס, צו פילע http ריקוועס ווען פּלייינג אָנליין, וועט פאַרשאַפן פּאַמעלעך ענטפער אָדער אַבנאָרמאַל נאַטור. דעריבער, עס איז אַ דרינגלעך נויט צו אַנטוויקלען אַ גאַנג פון טעכנאָלאָגיע צו פאַרבייַטן ספּרייט אַנאַמיישאַן מיט ווידעא. מיר רופן דעם טיפּ פון ווידעא אַן ינטעראַקטיוו ווידעא
פּראָבלעמס מיט אַ טראדיציאנעלן ווידעא:
1. קענען נאָר זיין פּלייַעד אין אַ קוואַדראַט-שייפּט געגנט
2. אונטער דעם יפּאַד, עס איז אַ פֿענצטער צו שפּילן, און אונטער די יפאָנע, עס קענען בלויז זיין פּלייַעד אין פול פאַרשטעלן.
3. ווען פּלייינג, עס וועט באשטימט דערשייַנען אין דער פאָרפראַנט
ינטעראַקטיווע ווידעא האט די פאלגענדע קעראַקטעריסטיקס:
אונטער די יפאָנע, פּלייבאַק איז נישט פול פאַרשטעלן, עס קען זיין פּלייַעד אין איין געגנט
ינטעראַקטיווע ווידעא קענען זיין געוויזן אונטער פּראָסט גראַפיק אַבדזשעקץ
ינטעראַקטיווע ווידעא קענען האָבן אַ מאַסקע, אַזוי אַז דער הינטערגרונט פון די ווידעא קענען ווערן אַוועקגענומען און די ווידעא און פּראָסט גראַפיק אַבדזשעקץ קענען זיין ינאַגרייטיד
קיצער: פֿאַר די ווידעא וואָס איז געניצט פֿאַר פּלייינג, מיר וועלן שטעלן עס ווי אַ טראדיציאנעלן ווידעא. פֿאַר ווידיאס וואָס דאַרפֿן צו נוצן פֿאַר ספּעציפיש צוועקן, מיר שטעלן זיי ווי ינטעראַקטיוו ווידיאס. די פאָרשונג האט יילדאַד פּרילימאַנערי רעזולטאַטן. דורך די וועג, עס סאַמערייז די פאַקטיש פּראָבלעמס אין די קומענדיק ביסל יאָרן אין די אַדיאָו און ווידעא אַנטוויקלונג פון די רירעוודיק H5 און גיט זיין אייגענע סאַלושאַנז. קוק די לעצט פאַקטיש ווירקונג: קאַמפּאַטאַבאַל מיט פּיסי (> יע 9), יפאָנע, יפּאַד, אַנדרויד 5.0
סאָלווע די יפאָנע מאַנואַל, אָטאַמאַטיק און פֿענצטער פּראָבלעמס בייסיקלי ווערן געניצט אין פאַקטיש פּראָדוקציע. אויף די רעכט איז דער אָריגינעל ווידעא מפּ 4 טעקע.
H5 אַודיאָ
יעדער מאָל ווען אַ אַודיאָ כייפעץ איז דורכגעקאָכט דורך נייַ אַודיאָ, איר קענען זען אַ נייַ פאָדעם אויף יאָס.
לייזונג: א נייַ אַודיאָ כייפעץ, ריפּלייסינג פאַרשידענע אַודיאָ ווענדט, אַטשיווז דער ציל פון נישט עפן מער פֿעדעם.
שטיצן איז נישט גוט אויף אַנדרויד
לייזונג: דער פּראָבלעם אין דער נידעריקער ווערסיע פון אַנדרויד איז נישט סאַלווד. בכלל, געמישט אַנטוויקלונג קענען זיין כאַנדאַלד דורך אַדזשאַסטינג די אַנדערלייינג צובינד, אַזאַ ווי פאָנעגאַפּ
קענען ניט אַוטאָ שפּיל אויף iPhone
לייזונג: אָטאַמאַטיק פּלייבאַק אויף יפאָנע איז אַ פּראָצעס וואָס איז דורכגעקאָכט ווען יאָס איז דיזיינד. עס מיינט צו זיין צו פאַרמייַדן אָטאַמאַטיק גנייווע פון פאַרקער.
פשוט, עס דאַרף זיין טריגערד מאַניואַלי דורך סימיאַלייטינג די באַניצער, אַזוי מיר דאַרפֿן צו רופן דעם שטיק פון קאָד אין די אָנהייב:
נאָכמאַכן קאָד
// פאַרריכטן דעם פּראָבלעם אַז די iOS בלעטערער קענען נישט אויטאָמאַטיש שפּילן אַודיאָ. שאַפֿן נייַע אַודיאָ ווען לאָודינג און פאַרבייַטן src ווען איר נוצן עס.
Xut.fix = Xut.fix || {};
אויב (Xut.plat.isBrowser && Xut.plat.isIOS) {
וואַר יסאַודיאָ = פאַלש
var fixaudio = פונקציע () {
אויב (! איז אַודיאָ) {
יסאַודיאָ = אמת;
Xut.fix.audio = נייַ אַודיאָ ();
document.removeEventListener ('טאָוטשסטאַרט', fixaudio, פאַלש);
}
};
document.addEventListener ('טאָוטשסטאַרט', fixaudio, פאַלש);
}
נאָכמאַכן די קאָד אויבן
אויב איר בינדן אַזאַ אַ קאָד צו דעם גוף: שאַפֿן אַ אַודיאָ כייפעץ דורך מאַניואַלי טריגערינג עס, און דעמאָלט שפּאָרן עס אין די גלאבאלע
ווען געוויינט ווי גייט:
נאָכמאַכן קאָד
// אויב איר נוצן Xut.fix.audio צו ספּעציפיצירן src פֿאַר ios בלעטערער, ביטע אָפּשיקן צו app.js פֿאַר יניטיאַליזאַטיאָן
אויב (Xut.fix.audio) {
אַודיאָ
=
Xut.fix.audio;
אַודיאָ.סרק = URL;
} אַנדערש {
אַודיאָ = נייַ אַודיאָ (URL);
}
אַודיאָ.אַוטאָפּלייַ = אמת;
אַודיאָ.פּלייַ ();
סימפּלי פאַרבייַטן די אַודיאָ כייפעץ. סימפּלי שטעלן, עס מוזן זיין די כייפעץ באשאפן דורך די באַניצער צינגל צו שפּילן.
H5 ווידעא אַודיאָ
ווידעא טאַגס קען זיין ראַרעלי געניצט אויף די רירעוודיק וואָקזאַל, אַנדרויד שטיצן איז אויך שלעכט, וויזשוואַלי 5.0 בעסער. די אַלטע פּראָבלעם אויף די iPhone קען נישט ווערן אויטאָמאַטיש פּלייַעד (היט דאַטן, שפּאָרן דיין שוועסטער !!!), און די פעליקייַט קאָנטראָל איז גאַנץ-פאַרשטעלן צו שפּילן. פֿאַר אַ לאַנג צייַט איך איגנאָרירט דעם ווידעא פּראַסעסינג. אַנדרויד ניצט די דנאָ שיכטע, יפאָנע גלייַך ניצט ווידעאָדזשס, די געבויט-אין בליץ און ה 5 באַשטימען, פלאַש אויך האט שטיצן פּראָבלעמס. א צייט צוריק, דער באַלעבאָס האט אַ פאָדערונג. מיר האָבן צוגעלייגט אויך פילע אַנאַמיישאַנז, אַלע קאַמביינד אַנאַמיישאַנז פון ספּרייט רוץ, ריינדזשינג פון הונדערטער מעגאבייט צו הונדערטער מעגאבייט אונטער איין אַפּ, אַזוי עס איז אַ דרינגלעך נויט פֿאַר אַ לייזונג צו קאָמפּרעס בילדער. די לעצט לייזונג איז צו נוצן ווידעא אַנשטאָט פון אַנאַמיישאַן, ווייַל ווידעא קאַמפּרעשאַן טעכנאָלאָגיע איז דעוועלאָפּעד פֿאַר פילע יאָרן און איז געווען זייער דערוואַקסן. איצט ווידעא קאַמפּרעשאַן טעכנאָלאָגיע קענען לייכט גער 720 פּ. הויך-דעפֿיניציע קינאָ קאַמפּרעסט צו 10 ם / מין אָדער 160 ק / סעק. די טעקע גרייס פון די בילד סיקוואַנס איז לפּחות עטלעכע טענס פון מאָל קלענערער. אין דער זעלביקער צייט, רובֿ דעוויסעס שטיצן ווידעא דיקאַמפּרעשאַן דיקאַמפּרעשאַן, אַזוי די קפּו קאַנסאַמשאַן פון ווידעא פּלייבאַק איז זייער נידעריק, די באַטאַרייע קאַנסאַמשאַן איז אויך זייער נידעריק און די פּלייבאַק גיכקייַט איז אויך שנעל. אפילו פּלייס פּלייבאַק פון 25 ראָמען קענען זיין לייכט אַטשיווד.
דער פּלאַן איז פיינאַלייזד, און עטלעכע פּראָבלעמס צו זיין סאַלווד זענען דאָ.
די גאנצע ווידעא, אַרייַנגערעכנט עטלעכע אַבדזשעקץ אין די ווידעא, קענען ענטפֿערן צו באַניצער קליקס, סליידז און אנדערע אַפּעריישאַנז אונטער די יפאָנע, קענען זיין פּלייַעד אין אַ פֿענצטער, קענען פילטער די הינטערגרונט און קענען זיין געוויינט ווי אַ PNG בילד. די ווידעא ריפּלייסיז די אַנאַמיישאַן און שטיצט דעם הינטערגרונט מאַסקע ווירקונג וואָס קענען אַנטדעקן די באַזע בילד און אויך סאַלווז די פּראָבלעם פון מאַנואַל, אָטאַמאַטיק און דערענדיקט פאַרשטעלן.
יפאָנע פֿענצטער
לייזונג: פאַרבינדן פּראַסעסינג דורך לייַוונט + ווידעא טאַגס
פּרינציפּ: באַקומען די אָריגינעל בילד ראַם פון די ווידעא און ציען עס צו די בלאַט דורך קאַנאַווס
דאָ, איך אַטאַטשט די מקור קאָד גלייַך, די קאָד איז געשריבן אין אַלגעמיין, אָבער כיילייץ עטלעכע שליסל פונקטן
http://iwearshorts.com/blog/inline-video-on-the-iphone/
http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser
ווידעא אַנשטאָט פון אַנאַמיישאַן
דאָס איז אַ ביסל קאַמבערסאַם. עס דאַרף זיין ינטעראַקטיוו און שלעפּן די לייַוונט צו דערגרייכן דעם ציל פון קאַנטראָולינג די בילד. איך האָב נאָך ניט פאַרטיק שרייַבן אַלע, און גענעראַל פירמע באדערפענישן וועט נישט האָבן דאָס. דאָ איז אַ קורץ באַשרייַבונג, עס איז אויך פּראַסעסט דורך לייַוונט + ווידעא, אָבער אַ קאַשט לייַוונט קאַנטיינער איז פארלאנגט צו מאַכן אַ פּראַסעסינג. דורך פּריפּראָסעססינג באַקומען די בילדצעלן פון יעדער בילד, און דורך טשאַנגינג די ווערט פון יעדער פּיקסעל רבג, עס קענען פילטער די הינטערגרונט אַזוי אַז עס קענען זיין געוויינט ווי אַ PNG בילד. איך וועל עס שפּעטער שרייבן און ארויסגעבן ~ ~
אונדזער אנדערע פּראָדוקט:
