به روز رسانی رسانه در کروم 61

فرانسوا بوفور
François Beaufort
GitHub

بهینه‌سازی آهنگ‌های ویدیوی پس‌زمینه (فقط MSE)

برای بهبود عمر باتری، اگر ویدیو از برنامه‌های افزودنی منبع رسانه (MSE) استفاده می‌کند، Chrome اکنون هنگام پخش ویدیو در پس‌زمینه (مثلاً در یک برگه غیرقابل مشاهده) آهنگ‌های ویدیو را غیرفعال می‌کند.

می‌توانید این تغییرات را با رفتن به صفحه chrome://media-internals بررسی کنید و ویژگی «info» را فیلتر کنید. هنگامی که برگه حاوی یک ویدیوی در حال پخش غیرفعال می شود، پیامی مانند Selected video track: [] که نشان می دهد آهنگ ویدیو غیرفعال شده است. وقتی برگه دوباره فعال شد، آهنگ ویدیو دوباره به طور خودکار فعال می شود.

پانل ورود به سیستم در صفحه chrome://media-internals
پانل ورود به سیستم در صفحه chrome://media-internals

برای کسانی که می‌خواهند بفهمند چه اتفاقی می‌افتد، در اینجا یک قطعه کد جاوا اسکریپت آمده است که به شما نشان می‌دهد کروم تقریباً در پشت صحنه چه می‌کند.

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;
  }
});

ممکن است بخواهید در صورت غیرفعال شدن تراک ویدیو، کیفیت پخش ویدیو را کاهش دهید. همانطور که در بالا نشان داده شده است، برای تشخیص پنهان شدن یک صفحه، به سادگی استفاده از صفحه Visibility API است.

و در اینجا برخی از محدودیت ها وجود دارد:

  • این بهینه سازی فقط برای ویدیوهایی با فاصله فریم کلیدی < 5 ثانیه اعمال می شود.
  • اگر ویدیو حاوی هیچ تراک صوتی نباشد، هنگام پخش در پس‌زمینه، ویدیو به‌طور خودکار متوقف می‌شود.

اشکال کروم

ویدیوی تمام صفحه خودکار هنگام چرخش دستگاه

اگر در حین پخش ویدیو در پنجره دید، دستگاه را به حالت افقی بچرخانید، پخش به طور خودکار به حالت تمام صفحه تغییر می کند. چرخاندن دستگاه به حالت عمودی، ویدیو را به حالت پنجره بازمی‌گرداند.

توجه داشته باشید که می توانید این رفتار را خودتان به صورت دستی پیاده سازی کنید. (به مقاله پخش ویدیوی وب موبایلی مراجعه کنید).

ویدیوی تمام صفحه خودکار هنگام چرخش دستگاه

این رفتار جادویی تنها زمانی اتفاق می افتد که:

  • دستگاه یک گوشی اندرویدی است (نه تبلت)
  • جهت صفحه کاربر روی "چرخش خودکار" تنظیم شده است
  • اندازه ویدیو حداقل 200x200 پیکسل است
  • ویدئو از کنترل های بومی استفاده می کند
  • ویدیو در حال پخش است
  • حداقل 75 درصد از ویدیو قابل مشاهده است (روی صفحه)
  • جهت 90 درجه می چرخد ​​(نه 180 درجه)
  • هنوز هیچ عنصر تمام صفحه وجود ندارد
  • صفحه با استفاده از Screen Orientation API قفل نمی شود

اشکال کروم

،

فرانسوا بوفور
François Beaufort
GitHub

بهینه‌سازی آهنگ‌های ویدیوی پس‌زمینه (فقط MSE)

برای بهبود عمر باتری، اگر ویدیو از برنامه‌های افزودنی منبع رسانه (MSE) استفاده می‌کند، Chrome اکنون هنگام پخش ویدیو در پس‌زمینه (مثلاً در یک برگه غیرقابل مشاهده) آهنگ‌های ویدیو را غیرفعال می‌کند.

می‌توانید این تغییرات را با رفتن به صفحه chrome://media-internals بررسی کنید و ویژگی «info» را فیلتر کنید. هنگامی که برگه حاوی یک ویدیوی در حال پخش غیرفعال می شود، پیامی مانند Selected video track: [] که نشان می دهد آهنگ ویدیو غیرفعال شده است. وقتی برگه دوباره فعال شد، آهنگ ویدیو دوباره به طور خودکار فعال می شود.

پانل ورود به سیستم در صفحه chrome://media-internals
پانل ورود به سیستم در صفحه chrome://media-internals

برای کسانی که می‌خواهند بفهمند چه اتفاقی می‌افتد، در اینجا یک قطعه کد جاوا اسکریپت آمده است که به شما نشان می‌دهد کروم تقریباً در پشت صحنه چه می‌کند.

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;
  }
});

ممکن است بخواهید در صورت غیرفعال شدن تراک ویدیو، کیفیت پخش ویدیو را کاهش دهید. همانطور که در بالا نشان داده شده است، برای تشخیص پنهان شدن یک صفحه، به سادگی استفاده از صفحه Visibility API است.

و در اینجا برخی از محدودیت ها وجود دارد:

  • این بهینه سازی فقط برای ویدیوهایی با فاصله فریم کلیدی < 5 ثانیه اعمال می شود.
  • اگر ویدیو حاوی هیچ تراک صوتی نباشد، هنگام پخش در پس‌زمینه، ویدیو به‌طور خودکار متوقف می‌شود.

اشکال کروم

ویدیوی تمام صفحه خودکار هنگام چرخش دستگاه

اگر در حین پخش ویدیو در پنجره دید، دستگاه را به حالت افقی بچرخانید، پخش به طور خودکار به حالت تمام صفحه تغییر می کند. چرخاندن دستگاه به حالت عمودی، ویدیو را به حالت پنجره بازمی‌گرداند.

توجه داشته باشید که می توانید این رفتار را خودتان به صورت دستی پیاده سازی کنید. (به مقاله پخش ویدیوی وب موبایلی مراجعه کنید).

ویدیوی تمام صفحه خودکار هنگام چرخش دستگاه

این رفتار جادویی تنها زمانی اتفاق می افتد که:

  • دستگاه یک گوشی اندرویدی است (نه تبلت)
  • جهت صفحه کاربر روی "چرخش خودکار" تنظیم شده است
  • اندازه ویدیو حداقل 200x200 پیکسل است
  • ویدئو از کنترل های بومی استفاده می کند
  • ویدیو در حال پخش است
  • حداقل 75 درصد از ویدیو قابل مشاهده است (روی صفحه)
  • جهت 90 درجه می چرخد ​​(نه 180 درجه)
  • هنوز هیچ عنصر تمام صفحه وجود ندارد
  • صفحه با استفاده از Screen Orientation API قفل نمی شود

اشکال کروم