การอัปเดตสื่อใน Chrome 61

François Beaufort
François Beaufort

การเพิ่มประสิทธิภาพแทร็กวิดีโอในเบื้องหลัง (MSE เท่านั้น)

ตอนนี้ Chrome จะปิดใช้แทร็กวิดีโอเมื่อวิดีโอเล่นอยู่เบื้องหลัง (เช่น ในแท็บที่มองไม่เห็น) หากวิดีโอใช้ส่วนขยายแหล่งที่มาของสื่อ (MSE) เพื่อเพิ่มอายุการใช้งานแบตเตอรี่

คุณตรวจสอบการเปลี่ยนแปลงเหล่านี้ได้โดยไปที่หน้า chrome://media-internals แล้วกรองหาพร็อพเพอร์ตี้ "ข้อมูล" เมื่อแท็บที่มีวิดีโอที่กำลังเล่นไม่ทำงาน คุณจะเห็นข้อความอย่าง 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;
  }
});

คุณอาจต้องการลดคุณภาพของสตรีมวิดีโอเมื่อปิดใช้แทร็กวิดีโอ โดยใช้ API ระดับการเข้าถึงหน้าเว็บดังที่แสดงด้านบนเพื่อตรวจหาเมื่อมีการซ่อนหน้าเว็บ

และข้อจำกัดบางประการต่อไปนี้

  • การเพิ่มประสิทธิภาพนี้มีผลกับวิดีโอที่มีคีย์เฟรม < 5 วินาทีเท่านั้น
  • หากวิดีโอไม่มีแทร็กเสียงเลย วิดีโอจะหยุดชั่วคราวโดยอัตโนมัติเมื่อเล่นอยู่เบื้องหลัง

ข้อบกพร่อง Chromium

แสดงวิดีโอแบบเต็มหน้าจอโดยอัตโนมัติเมื่อมีการหมุนอุปกรณ์

หากคุณหมุนอุปกรณ์เป็นแนวนอนขณะวิดีโอกำลังเล่นในวิวพอร์ต การเล่นจะสลับเป็นโหมดเต็มหน้าจอโดยอัตโนมัติ การหมุนอุปกรณ์เป็นแนวตั้ง จะทำให้วิดีโอกลับไปที่โหมดหน้าต่าง

โปรดทราบว่าคุณนำลักษณะการทำงานนี้ไปใช้ได้ด้วยตนเอง (ดูบทความการเล่นวิดีโอในเว็บบนอุปกรณ์เคลื่อนที่)

แสดงวิดีโอแบบเต็มหน้าจอโดยอัตโนมัติเมื่อมีการหมุนอุปกรณ์

ลักษณะการทำงานพิเศษนี้จะเกิดขึ้นในกรณีต่อไปนี้เท่านั้น

  • อุปกรณ์เป็นโทรศัพท์ Android (ไม่ใช่แท็บเล็ต)
  • ตั้งค่าการวางแนวหน้าจอของผู้ใช้เป็น "หมุนอัตโนมัติ"
  • วิดีโอมีขนาดอย่างน้อย 200x200 พิกเซล
  • วิดีโอใช้การควบคุมแบบเนทีฟ
  • วิดีโอกำลังเล่นอยู่
  • มองเห็นวิดีโออย่างน้อย 75% (บนหน้าจอ)
  • การวางแนวที่หมุน 90 องศา (ไม่ใช่ 180 องศา)
  • ยังไม่มีองค์ประกอบแบบเต็มหน้าจอ
  • ไม่ได้ล็อกหน้าจอโดยใช้ Screen Orientation API

ข้อบกพร่อง Chromium