1 files changed, 2 insertions, 30 deletions
diff --git a/app/client/socket.js b/app/client/socket.js
index b430c14..a2a745e 100644
--- a/app/client/socket.js
+++ b/app/client/socket.js
@@ -1,4 +1,5 @@
 import { store } from './store'
+import * as player from './live/player'
 
 let socket = io.connect('/client')
 
@@ -44,24 +45,7 @@ socket.on('res', (data) => {
   console.log(data)
 })
 
-let fps = 0, last_frame;
-
-socket.on('frame', (data) => {
-  const blob = new Blob([data.frame], { type: 'image/jpg' })
-  const url = URL.createObjectURL(blob)
-  const img = new Image ()
-  img.onload = function() {
-    last_frame = data.meta
-    URL.revokeObjectURL(url)
-    const player = document.querySelector('.player canvas')
-    const ctx = player.getContext('2d')
-    ctx.drawImage(img, 0, 0, player.width, player.height)
-    // player.innerHTML = ''
-    // player.appendChild(img)
-    fps += 1
-  }
-  img.src = url
-})
+socket.on('frame', player.onFrame)
 
 socket.on('status', (data) => {
   console.log('got status', data.key, data.value)
@@ -77,18 +61,6 @@ socket.on('status', (data) => {
   }
 })
 
-setInterval(() => {
-  store.dispatch({
-    type: 'SET_FPS',
-    fps: fps,
-  })
-  store.dispatch({
-    type: 'CURRENT_FRAME',
-    meta: last_frame,
-  })
-  fps = 0
-}, 1000)
-
 export function list_checkpoints() {
   socket.emit('cmd', {
     cmd: 'list_checkpoints',