נתוני שקיפות אלפא בסרטון Chrome

פרנסואה בופורט
פרנסואה בופורט

שקיפות אלפא בסרטון Chrome

Chrome 31 תומך עכשיו בשקיפות אלפא של סרטונים ב-WebM.

במילים אחרות, Chrome מביא בחשבון את ערוץ האלפא כשמפעילים סרטוני מסך ירוק' שקודדו ל-WebM (VP8 ו-VP9) עם ערוץ אלפא. המשמעות היא שאפשר להפעיל סרטונים עם רקע שקוף: בדפי אינטרנט, בתמונות או אפילו בסרטונים אחרים.

יש הדגמה בכתובת simpl.info/videoalpha. סוריאליסטי במידה מועטה וקצת מחוספסת (תרתי משמע) אבל אפשר להבין את הרעיון!

איך ליצור סרטוני אלפא

השיטה שתיארנו משתמשת בכלים של הקוד הפתוח Bender ו-ffmpeg:

  1. צלמו את נושא הצילום על רקע רקע בצבע אחד, כמו וילון ירוק עז.
  2. מעבדים את הסרטון כדי ליצור מערך של תמונות סטילס בפורמט PNG עם נתוני שקיפות.
  3. מקודדים לפורמט וידאו (במקרה זה, WebM).

יש גם כלים קנייניים שמאפשרים לבצע את אותה פעולה, כמו Adobe after Effects, אפשרות פשוטה יותר.

1. יצירת סרטון עם מסך ירוק

קודם כל, אתם צריכים לצלם את מושא הצילום כך שכל מה שברקע יוכל 'להסיר' (בשקיפות) לאחר העיבוד לאחר מכן.

הדרך הקלה ביותר לעשות זאת היא לצלם על רקע רקע בצבע אחד, למשל מסך או וילון. ירוק או כחול הם הצבעים הנפוצים ביותר, בעיקר בגלל ההבדלים בין גווני העור שלהם.

יש כמה מדריכים באינטרנט לצילום סרטון עם מסך ירוק (שנקרא גם מפתח Chroma) והמון מקומות שבהם אפשר לקנות רקעים במסך בצבעי ירוק וכחול. לחלופין, אפשר לצבוע רקע באמצעות צבע למפְתח של Chroma.

אוסף הסרטים של Gatsby VFX מראים בדיוק מה אפשר לעשות בעזרת מסך ירוק.

כמה טיפים לצילום:

  • ודאו שנושא התמונה לא כולל בגדים או אובייקטים באותו צבע של הרקע, אחרת הם יופיעו כ 'חורים' בסרטון הסופי. גם סמלי לוגו או תכשיטים קטנים עשויים להיות בעייתיים.
  • רצוי להשתמש בתאורה עקבית ואחידה ולהימנע מצלליות: המטרה היא להציג ברקע את טווח הצבעים הקטן ביותר האפשרי, ולכן יהיה צורך ליצור שקוף.
  • שימוש בכמה נורות מפוזרות עוזר למנוע צלליות ווריאציות של צבעי רקע.
  • מומלץ להימנע מרקעים מבריקים: במשטחים מט מפזרים את האור בצורה טובה יותר.

2. יצירת סרטון אלפא גולמי מסרטון במסך ירוק

השלבים הבאים מתארים דרך אחת ליצירת סרטון אלפא גולמי מסרטוני מסך ירוק:

  1. אחרי שמצלמים סרטון עם מסך ירוק, אפשר להשתמש בכלי קוד פתוח כמו Blender כדי להמיר את הסרטון למערך קובצי PNG עם נתוני אלפא. תוכלו להשתמש במקש הצבעים של בלנדר כדי להסיר את המסך הירוק ולהפוך אותו לשקוף. (לתשומת ליבכם: אין חובה בפורמט PNG: כל פורמט ששומר נתונים של ערוץ אלפא הוא תקין).
  2. ניתן להמיר מערך של קובצי PNG לסרטון YUVA גולמי באמצעות כלי קוד פתוח, כמו ffmpeg:

    ffmpeg -i image%04d.png -pix_fmt yuva420p video.raw

    לחלופין, קודדו את הקבצים ישירות ל-WebM, באמצעות פקודת ffmpeg באופן הבא:

    ffmpeg -i image%04d.png output.webm

אם אתם רוצים להוסיף אודיו, תוכלו להשתמש ב-ffmpeg כדי לצרף אותו לפקודה הבאה:

ffmpeg -i image%04d.png -i audio.wav output.webm

3. קידוד סרטון אלפא ל-WebM

ניתן לקודד סרטוני אלפא גולמיים ל-WebM בשתי דרכים.

  1. עם ffmpeg: הוספנו תמיכה בקובצי ffmpeg כדי לקודד סרטוני אלפא בפורמט WebM.

    השתמשו ב-ffmpeg עם סרטון קלט, כולל נתוני אלפא, מגדירים את פורמט הפלט כ-WebM, והקידוד יתבצע אוטומטית בפורמט הנכון בהתאם למפרט (הערה: כדי שזה יעבוד, תצטרכו לוודא שיש להשיג את הגרסה העדכנית ביותר של ffmpeg מעץ ה-Git).

    פקודה לדוגמה:

    ffmpeg -i myAlphaVideo.webm output.webm

  2. באמצעות webm-tools:

    git clone https://chromium.googlesource.com/webm/libvpx

    webm-tools הוא קבוצה של כלי קוד פתוח פשוטים הקשורים ל-WebM, ומתוחזקים על ידי מחברי פרויקט WebM, כולל כלי ליצירת סרטוני WebM עם שקיפות אלפא.

    מריצים את הקובץ הבינארי עם --help כדי לראות רשימה של אפשרויות שנתמכות על ידי alpha_encoder.

4. הפעלה ב-Chrome

כדי להפעיל את קובץ ה-WebM המקודד ב-Chrome, פשוט הגדר את הקובץ כמקור לרכיב וידאו.

איך הם עשו את זה?

דיברנו עם מהנדס Google ויגנש ונקטסוברמניאן על עבודתו על הפרויקט. הוא סיכם את האתגרים המרכזיים הכרוכים בכך:

  • ה-bitstream מסוג VP8 לא תומכת בערוץ אלפא. לכן היינו צריכים לשלב אלפא בלי לפרוץ את ה-bitstream מסוג VP8 ובלי לפרוץ לנגנים הקיימים.
  • הרינדור של Chrome לא הצליח לעבד סרטונים בגרסת אלפא.
  • ל-Chrome יש נתיבי עיבוד מרובים למכשירי חומרה/GPU מרובים. היה צורך לשנות כל נתיב עיבוד כדי לתמוך בעיבוד של סרטוני אלפא.

אפשר לחשוב על הרבה תרחישים מעניינים לדוגמה של שקיפות אלפא של סרטונים: משחקים, סרטונים אינטראקטיביים, שיתוף סיפורים בסיפור (הוספת הסרטון שלך לסרטון/לתמונה ברקע), סרטונים עם דמויות או עלילות חלופיים, אפליקציות אינטרנט שמשתמשות ברכיבי וידאו בשכבת-על.

בהצלחה ביצירת סרטים! ספרו לנו אם אתם בונים משהו מדהים בעזרת שקיפות אלפא.

מקורות מידע שימושיים