show fps..

1 files changed, 11 insertions, 0 deletions

diff --git a/app/client/socket.js b/app/client/socket.js
index 992d714..aaff41c 100644
--- a/app/client/socket.js
+++ b/app/client/socket.js
@@ -44,6 +44,8 @@ socket.on('res', (data) => {
   console.log(data)
 })
 
+let fps = 0;
+
 socket.on('frame', (data) => {
   const blob = new Blob([data.frame], { type: 'image/jpg' })
   const url = URL.createObjectURL(blob)
@@ -55,10 +57,19 @@ socket.on('frame', (data) => {
     ctx.drawImage(img, 0, 0, player.width, player.height)
     // player.innerHTML = ''
     // player.appendChild(img)
+    fps += 1
   }
   img.src = url
 })
 
+setInterval(() => {
+  store.dispatch({
+    type: 'SET_FPS',
+    fps: fps,
+  })
+  fps = 0
+}, 1000)
+
 export function list_checkpoints() {
   socket.emit('cmd', {
     cmd: 'list_checkpoints',