HTML5ビデオ要素の再生速度を設定できます。
var player = document.getElementById("video");
player.playbackRate = 100;
W3仕様は制限を定義していません。 ChromeおよびFirefoxの<video>
要素の最大再生速度はどれくらいですか?再生速度がブラウザに依存しない場合、何がそれを決定しますか?
調査:
MDN HTML Media Element は、一部のブラウザが0.25x〜4xの再生範囲外でオーディオの再生を停止することを示しています。ビデオ要素がビデオを再生し続けるかどうかはわかりません。
YouTubeのプレーヤーは、0.25倍から2倍の速度をサポートしています。これはFlashプレーヤーであり、HTML5ビデオ要素ではないので、興味がありません。
個人的には、<video>
要素とローカルビデオファイルを使用して、コンピューター上にローカルにテストページを作成しました。再生速度を任意に設定できますが(例:100)、ビデオは最大5倍より速く再生されないようです。設定した値「100」を返すだけなので、実際に再生速度を確認することはできません。
ブラウザの動作の最新の変更を反映するために2017年11月30日更新
Firefox:
ソースコードによると、Firefoxは実効再生速度を.0625-16.の範囲にクランプする必要があります。私のテストでは、それはもはやそれに従わず、再生速度をまったくクランプしません。ただし、再生速度が.5より低い場合、または4.より高い場合でも、オーディオはミュートされます。
ソース-Firefoxのソースコード dom\html\HTMLMediaElement.cpp
Chrome:
Chromeは、再生速度を.0625-16.の範囲に固定します。私のテストでは、レートが.5より低い場合、または4.より高い場合にも、オーディオをミュートします。
Source-Chromiumソースコード third_party/blink/renderer/core/html/media/html_media_element.cc
技術的には制限はありません。
しかし、30秒の長さのビデオを1秒でも再生しない理由はどこにありますか?
ほとんどのブラウザは、playbackRateの0.5と4の範囲外でオーディオの再生を停止し、ビデオをサイレントに再生したままにします。したがって、ほとんどのアプリケーションでは、範囲を0.5〜4に制限することをお勧めします。
mozilla DeveloperNetworkから。これが、ビデオの再生速度が5を超えなかった理由である可能性があります(4である可能性があります)。
編集:
再生率のデモアプリケーションは ここ にあります。
最大10の再生速度を示します(ただし、音声はありません)。
更新
PlayplayRateプロパティは、ビデオの固有または通常の再生速度の乗数を表し、デフォルト設定は1です。プロパティを2に設定すると、再生速度が2倍になり、.5は半分の速度で再生されます。 playplayRateが負の値に設定されている場合、Windows Internet Explorer 9では、それをゼロに丸めて、基本的に再生を一時停止します。 Internet Explorer 10では、playbackRateの値が負の場合、ビデオが逆に再生されます。 W3C仕様では上限は推奨されていませんが、InternetExplorerではplaybackRateの速度が最大8倍に制限されています。
ソース: https://msdn.Microsoft.com/library/hh924823(v = vs.85).aspx
また、プロセッサの能力にも依存します。プロセッサ速度が高いほど、再生制限が高くなります。