diff --git a/rowers/templates/embedded_video.html b/rowers/templates/embedded_video.html index 112f4f60..a5ce8814 100644 --- a/rowers/templates/embedded_video.html +++ b/rowers/templates/embedded_video.html @@ -160,7 +160,7 @@ if (lock.checked) { sliderpos = Math.round(videotime) + Math.round(delay); slider.value = sliderpos; - } + } // gauge.set(catch_now); @@ -179,10 +179,48 @@ var lock = document.getElementById("lock"); videotime = player.getCurrentTime(); var delay = document.getElementById("id_delay").value; + var output = document.getElementById("id_delay"); + datatime = slider.value; + if (lock.checked) { sliderpos = Math.round(videotime) + Math.round(delay); slider.value = sliderpos; + // Setting Data + // velo = boatspeed[Math.round(datatime)]; + lat = latitude[Math.round(datatime)]; + lon = longitude[Math.round(datatime)]; + // strokerate = spm[Math.round(datatime)]; + // catchangle = ctch[Math.round(datatime)]; + {% for id, metric in metrics.items %} + {{ id }}_now = {{ id }}_values[Math.round(datatime)]; + // console.log(datatime,{{ id }}_now, "{{ metric.name }}") + {% endfor %} + + document.getElementById("time").innerHTML = Math.round(videotime); + document.getElementById("datatime").innerHTML = Math.round(datatime); + // document.getElementById("speed").innerHTML = velo; + // document.getElementById("spm").innerHTML = strokerate; + // document.getElementById("catch").innerHTML = catchangle; + {% for id, metric in metrics.items %} + document.getElementById("{{ id }}").innerHTML = {{ id }}_now; + document.getElementById("{{ id }}").className = 'bold'; + {% endfor %} + {% for group in metricsgroups %} + try { + set_{{ group }}(); + } catch (e) {} + {% endfor %} + try { + var newLatLng = new L.LatLng(lat, lon); + // console.log(newLatLng); + marker.setLatLng(newLatLng); + } catch (e) { + } + + } else { + output.value = Math.round(datatime)-Math.round(videotime); } + } function stopVideo() { @@ -292,9 +330,12 @@ // Update the current slider value (each time you drag the slider handle) slider.oninput = function() { clearInterval(timeupdater) + var datatime = this.value + var videotime = Math.round(player.getCurrentTime()); if (lock.checked) { if (this.value-output.value > 0) { player.seekTo(this.value-output.value); + videotime = this.value-output.value; } else { if (playing) { player.seekTo(0); @@ -306,12 +347,10 @@ } } } else { - console.log('changing, not checked'); + // console.log('changing, not checked'); output.value = this.value-Math.round(player.getCurrentTime()); } - var datatime = this.value - var videotime = Math.round(player.getCurrentTime()); - // + // Setting Data // velo = boatspeed[Math.round(datatime)]; lat = latitude[Math.round(datatime)]; @@ -342,9 +381,7 @@ // console.log(newLatLng); marker.setLatLng(newLatLng); } catch (e) { - console.log('error') } - console.log('changed all') timeupdater = setInterval(updateTime, 1000); }