WebRTC + キャンバスで構築されたモーション検出js ライブラリに取り組んでいます。アプリを実行すると、すぐに CPU 使用率が非常に高くなります。ループなどの最適化はしましたが、基本的な問題はWebRTCなどのカメラへのアクセスにあるようです。
WebRTC の動作を改善する方法はありますか? おそらく別の構成ですか？または、私が見逃しているものがありますか？これは、私が間違って処理している js メモリ リークでしょうか? 私は何を間違っていますか？
同じライブラリで別のデモをここで確認できます
WebRTCを使用した別のもので、ここで同じ問題があります
このデモは、ビデオ画像のピクセルを検査することで動きを検出しているように見えます。それをキャンバスにレンダリングしてから、キャンバスの画像データを取得するようです。
これが遅いのは、処理が遅いためです。ピクセルが多く、フレームがすばやく処理され、CPU の使用率が高くなります。Javascript は、この種のデータ量の多い処理では常に効率的であるとは限らないという事実によって、さらに悪化しています。したがって、遅さは WebRTC に固有のものではないと思います。それはちょうど重いjavascriptです。
計算にWebWorkersを使用してみましたか？
モーショントラッキングにWebワーカーを使用するデモがあります（Firefoxのみ）。このデモではCPU使用率が高いように見えますが、ワーカーの報告されたfpsはビデオのフレームレートをはるかに超えているため、ワーカーを30fpsに制限することでメリットが得られる可能性があります。