5
は私がHTML5ビデオタグを使用して高いCPU使用率を防止するにはどうすればよいですか？
<video id="video-detail-<%=id%>" class="video-js vjs-default-skin"
loop
autoplay="none"
width="640" height="360">
<source src="movie.mp4" type="video/mp4" />
</video>
この動画は、テンプレートとしてブートストラップのpopovers内にあるHTML5のvideoタグを使用して、同時に20本の動画を負荷に事前にしようとしています。これらの動画を自動再生するには、mouseoverイベントでリッスンしているvideoJSを使用しています。
特にChromeでCPU使用量が多いです。
CPUの使用量は、事前に読み込んだときやビデオを再生したときから来ていますか？それがプリロードの場合は、読み込みをずらすことができます（たとえば、一度に5回程度）。 – Will
私は20本のビデオ全体を賭けるつもりです。 CPUの使用状況を確認するために、何の効果もなく1つのビデオだけが疲れましたか？ビデオだけで高画質であれば、ビデオを再エンコードすることができるかもしれませんが、圧縮が少ないということは通常、CPU使用率が低いことを意味します。そのJSなら、おそらくあなたは高CPUをどこから得るかを見るためにいくつかの異なることを試さなければならないでしょう。 – Robert
CPU使用量は多くのことに依存しています。使用されているコーデックと、システムがハードウェアレンダリングサポートを提供する場合の1つの理由は、20ビデオを同時にプリロードすると同時にブラウザが20キャッシュファイルを同時に書き込むことになり、ファイルシステムの管理オーバーヘッドが大きくなります。 –