From b19ebab84c13edadee0f2d6033e9b50b37842d17 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 21 May 2018 19:16:14 +0200
Subject: seek to a frame

---
 app/client/socket.js | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

(limited to 'app/client/socket.js')

diff --git a/app/client/socket.js b/app/client/socket.js
index 627694c..b845152 100644
--- a/app/client/socket.js
+++ b/app/client/socket.js
@@ -44,17 +44,14 @@ socket.on('res', (data) => {
   console.log(data)
 })
 
-let fps = 0;
+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() {
-    store.dispatch({
-      type: 'CURRENT_FRAME',
-      meta: data.meta,
-    })
+    last_frame = data.meta
     URL.revokeObjectURL(url)
     const player = document.querySelector('.player canvas')
     const ctx = player.getContext('2d')
@@ -71,6 +68,10 @@ setInterval(() => {
     type: 'SET_FPS',
     fps: fps,
   })
+  store.dispatch({
+    type: 'CURRENT_FRAME',
+    meta: last_frame,
+  })
   fps = 0
 }, 1000)
 
@@ -103,6 +104,12 @@ export function load_sequence(sequence) {
     payload: sequence,
   })
 }
+export function seek(frame) {
+  socket.emit('cmd', {
+    cmd: 'seek',
+    payload: frame,
+  })
+}
 export function get_params() {
   socket.emit('cmd', {
     cmd: 'get_params',
-- 
cgit v1.2.3-70-g09d2