דף זה תורגם על ידי Cloud Translation API.

עדכוני אודיו/וידאו ב-Chrome 70

François Beaufort

מפתחי אתרים יכולים לשלוט בתמונה בתוך תמונה בסרטונים.
מפענח AV1 נתמך עכשיו ב-Chrome Desktop x86-64.
אפשר לבצע אגירת נתונים והפעלה של קובצי וידאו עם קודקים שונים ועם זרמי נתונים שונים ב-MSE.
‫Chrome תומך עכשיו ב-Opus ב-MP4 עם MSE.
ההפעלה של תוכן מוגן מותרת כברירת מחדל ב-Android.

צפייה בסרטון באמצעות תמונה בתוך תמונה

התכונה 'תמונה בתוך תמונה' (PiP) מאפשרת למשתמשים לצפות בסרטונים בחלון צף (תמיד מעל חלונות אחרים) כדי שיוכלו להמשיך לצפות בתוכן תוך כדי אינטראקציה עם אתרים או אפליקציות אחרים. בעזרת Picture-in-Picture Web API החדש, אתם יכולים להפעיל ולשלוט בתכונת התמונה בתוך תמונה בסרטונים באתר שלכם.

מידע נוסף זמין במאמר שלנו.

מפענח AV1

‫AV1 הוא קודק מהדור הבא שפותח על ידי Alliance for Open Media. ‫AV1 משפר את יעילות הדחיסה ביותר מ-30% לעומת קידוד הווידאו המתקדם ביותר כיום, VP9. ב-Chrome 70 נוסף מפענח AV1 ל-Chrome Desktop x86-64 על סמך המפרט הרשמי של זרם הביטים. בשלב הזה, התמיכה מוגבלת לפרופיל 0 'הראשי' ולא כוללת יכולות קידוד. הפורמט הנתמך של קונטיינר הוא MP4‏ (ISO-BMFF) (במאמר מסרטון גולמי ועד סרטון שמוכן להצגה באינטרנט מוסבר בקצרה על קונטיינרים).

כדי לנסות את AV1:

עוברים אל דף YouTube TestTube.
בוחרים באפשרות 'העדפה לפורמט AV1 ברזולוציית SD' או 'תמיד יש להעדיף AV1' כדי לקבל את הרזולוציה הרצויה של AV1. שימו לב שברזולוציות גבוהות יותר, סביר יותר שיהיו בעיות בביצועי ההפעלה של AV1 במכשירים מסוימים.
אפשר לנסות להפעיל קליפים ב-YouTube מתוך הפלייליסט של השקת גרסת הבטא של AV1.
מאשרים את קודק av01 ב'סטטיסטיקות לגיקים'.

**איור 1.** נתונים לגיקים עם AV1 ב-YouTube.

תמיכה בהחלפת פורמט Codec ומאגר ב-MSE

ב-Chrome נוספת תמיכה במעברים משופרים בין קודקים או בין זרמי בייטים בנגינה של Media Source Extensions באמצעות שיטה חדשה של changeType() ב-SourceBuffer. אפשר לשנות את סוג בייט המדיה שמצורף ל-SourceBuffer בהמשך.

הגרסה הנוכחית של MSE תומכת בהפעלה דינמית של מדיה, אבל כדי שההפעלה תהיה דינמית, כל מדיה שמצורפת ל-SourceBuffer צריכה להיות תואמת לסוג ה-MIME שצוין כשיוצרים את ה-SourceBuffer באמצעות MediaSource.addSourceBuffer(type). הקודקים מהסוג הזה וכל פלחי האתחול שנותחו קודם לכן חייבים להישאר זהים לאורך כל הדרך. המשמעות היא שהאתר צריך לבצע פעולות מפורשות כדי להחליף קודק או זרם בייטים (באמצעות שימוש במספר רכיבי מדיה או במסלולי SourceBuffer ומעבר ביניהם), מה שמגדיל את מורכבות האפליקציה ואת זמן האחזור שגלוי למשתמש. (מעברים כאלה מחייבים את אפליקציית האינטרנט לבצע פעולה סינכרונית בשרשור הראשי של רכיב הרינדור). זמן הטעינה הזה של המעבר פוגע בחלקות של הפעלת המדיה במהלך המעברים.

בשיטה החדשה של changeType(), ‏ SourceBuffer יכול לבצע באפרינג ולתמוך בהפעלה בפורמטים שונים של bytestream ובקודקים שונים. בשיטה החדשה הזו, המדיה שנשמרה במאגר נשארת, אלא אם יבוצע פינוי או הסרה של מסגרת מקודדת עתידית של MSE. השיטה החדשה מתבססת על הלוגיקה של שילוב ושמירה במאגר של אלגוריתם העיבוד הקיים של מסגרות מקודדות של MSE.

כך משתמשים בשיטה changeType():

    const sourceBuffer = myMediaSource.addSourceBuffer('video/webm; codecs="opus, vp09.00.10.08"');
    sourceBuffer.appendBuffer(someWebmOpusVP9Data);

    // Later on...
    if ('changeType' in sourceBuffer) {
      // Change source buffer type and append new data.
      sourceBuffer.changeType('video/mp4; codecs="mp4a.40.5, avc1.4d001e"');
      sourceBuffer.appendBuffer(someMp4AacAvcData);
    }

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

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

Intent to Ship | Chromestatus Tracker | Chromium Bug

‫Opus ב-MP4 ל-MSE

קודק האודיו הפתוח והמגוון Opus נתמך ברכיבי <audio> ו-<video> מאז Chrome 33. בהמשך נוספה תמיכה ב-Opus ב-ISO-BMFF (שנקרא גם Opus ב-MP4). ועכשיו Opus ב-MP4 זמין ב-Chrome 70 לתוספים של מקורות מדיה.

כך אפשר לזהות אם Opus ב-MP4 נתמך ב-MSE:

if (MediaSource.isTypeSupported('audio/mp4; codecs="opus"')) {
  // TODO: Fetch data and feed it to a media source.
}

אם אתם רוצים לראות דוגמה מלאה, תוכלו לעיין בדוגמה הרשמית.

בגלל חוסר בכלים למיזוג Opus ב-MP4 עם חיתוך סוף נכון וערכי דילוג מראש, אם דיוק כזה חשוב לכם, תצטרכו להשתמש ב-SourceBuffer.appendWindow{Start,End} וב-SourceBuffer.timestampOffset ב-Chrome כדי לקבל הפעלה מדויקת של דגימות.