videoのfps取得方法

Question

現在、skyway(webRTCプラットフォーム)のmultipartyを使い、ビデオチャットシステムを開発しています。そしてその負荷を知るために取得した相手の映像のfpsを計測したいと考えています。

ところが、jsのvideoからはfpsを取得できないようですね...。
（今後新しく追加される提案はあるそうですが：参照）

chromeのfps表示が参考になるかと思いましたが、それがどの要素を見て計算しているかもわからずじまいで行き詰まっています。

どうか取得したvideoのfpsの取得方法についてなにかアドバイスいただければ嬉しいです。よろしくお願いします。

Answer 1

requestAnimationFrame を利用して計測する方法があるようです。

【JavaScriptでfpsを計測する - kitak blog】
http://kitak.hatenablog.jp/entry/2016/09/19/140311

【requestAnimationFrameでブラウザのFPSを計測する - log ++】
http://g6g6g6g6g6.tumblr.com/post/62808017343/requestanimationframe%E3%81%A7%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%AEfps%E3%82%92%E8%A8%88%E6%B8%AC%E3%81%99%E3%82%8B

【requestAnimationFrame でフレームと再描画更新を制御する | Yomotsu net】
http://yomotsu.net/blog/2013/01/05/fps.html

Comments

[hiroshi_komura]

canvasのrequestAnimationFrameは存じておりましたが、windowのrequestAnimationFrameは盲点でした。なんとなくそれらしい値が取れました。ありがとうございます！