การอัปเดตเสียง/วิดีโอใน Chrome 61

ฟร็องซัว โบฟอร์
François Beaufort
GitHub

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

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

คุณตรวจสอบการเปลี่ยนแปลงเหล่านี้ได้โดยไปที่หน้า chrome://media-internals และกรองหาพร็อพเพอร์ตี้ "ข้อมูล" เมื่อแท็บที่มีวิดีโอที่กำลังเล่นไม่ทำงาน คุณจะเห็นข้อความอย่างเช่น Selected video track: [] ที่ระบุว่าแทร็กวิดีโอถูกปิดใช้ เมื่อแท็บกลับมาทำงานอีกครั้ง แทร็กวิดีโอจะเปิดใช้อีกครั้งโดยอัตโนมัติ

แผงบันทึกในหน้า chrome://media-internals
รูปที่ 1 แผงบันทึกในหน้า 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

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

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

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

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

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

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

ข้อบกพร่อง Chromium