Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

VideoPlaybackQuality は動画再生中のフレーム統計(総フレーム数、ドロップフレーム数など)を取得し、品質監視に使用します。

対応ブラウザ

デスクトップ

Chrome 80+
Edge 12+
Safari 8+
Firefox 42+

モバイル

Chrome Android 80+
Safari iOS 12.2+
Firefox Android 42+

基本構文

JAVASCRIPT
const video = document.querySelector('video');
const quality = video.getVideoPlaybackQuality();
console.log('総フレーム:', quality.totalVideoFrames);
console.log('ドロップ:', quality.droppedVideoFrames);

実務での使いどころ

  • Media playback quality の活用

    メディア再生品質API。動画再生のフレームドロップ等を監視するAPI。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。