summaryrefslogtreecommitdiff
path: root/app/client/socket.js
diff options
context:
space:
mode:
Diffstat (limited to 'app/client/socket.js')
-rw-r--r--app/client/socket.js17
1 files changed, 12 insertions, 5 deletions
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',