עדכוני מדיה ב-Chrome 61

François Beaufort
François Beaufort
GitHub

אופטימיזציות של טראק של סרטון ברקע (MSE בלבד)

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

אפשר לבדוק את השינויים האלה על ידי מעבר לדף chrome://media-internals ולסנן לפי המאפיין "info". כשהכרטיסייה שמכילה סרטון מופעל מושבתת, תראה הודעה כמו Selected video track: [] שמציינת שהטראק של הסרטון הושבת. כשהכרטיסייה חוזרת להיות פעילה, הטראק של הסרטון מופעל מחדש באופן אוטומטי.

חלונית התחברות בדף chrome://media-internals
חלונית היומן בדף chrome://media-internals

אם אתם מעוניינים להבין מה קורה, הנה קטע קוד של JavaScript שמראה מה Chrome עושה בערך מאחורי הקלעים.

var video = document.querySelector('video');
var selectedVideoTrackIndex;

document.addEventListener('visibilitychange', function() {
  if (document.hidden) {
    // Disable video track when page is hidden.
    selectedVideoTrackIndex = video.videoTracks.selectedIndex;
    video.videoTracks[selectedVideoTrackIndex].selected = false;
  } else {
    // Re-enable video track when page is not hidden anymore.
    video.videoTracks[selectedVideoTrackIndex].selected = true;
  }
});

ייתכן שתרצו להפחית את האיכות של זרם הווידאו כשטראק הווידאו מושבת. צריך פשוט להשתמש ב-Page Visibility API כפי שמתואר למעלה כדי לזהות מתי דף מוסתר.

הנה כמה הגבלות:

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

באג ב-Chromium

סרטון אוטומטי במסך מלא כשמסובבים את המכשיר

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

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

סרטון אוטומטי במסך מלא כשמסובבים את המכשיר

התנהגות הקסם הזאת קורית רק אם:

  • המכשיר הוא טלפון Android (לא טאבלט)
  • כיוון המסך של המשתמש מוגדר ל'סיבוב אוטומטי'
  • גודל הסרטון הוא לפחות 200x200 פיקסלים
  • הסרטון משתמש בפקדים מקוריים
  • הסרטון פועל כרגע
  • לפחות 75% מהסרטון גלוי (על המסך)
  • סיבוב ב-90 מעלות (לא ב-180 מעלות)
  • עדיין אין רכיב במסך מלא
  • המסך לא נעול באמצעות Screen Orientation API

באג ב-Chromium