https://s4-driver.github.io/public/js/base.js

1const config = {
2  "videos": {
3    "Train Tasks": ["public/videos/box_high_level.mp4", "public/videos/box_low_level.mp4", "public/videos/couch_moving_high_level.mp4", "public/videos/couch_moving_low_level.mp4", "public/videos/stack_high_level.mp4", "public/videos/stack_low_level.mp4", "public/videos/drawer_high_level.mp4", "public/videos/drawer_low_level.mp4"],
4    "Test Tasks": ["public/videos/box_high_level_test.mp4", "public/videos/box_low_level_test.mp4", "public/videos/couch_moving_high_level_test.mp4", "public/videos/couch_moving_low_level_test.mp4", "public/videos/stack6_high_level.mp4", "public/videos/stack6_low_level.mp4", "public/videos/drawer_high_level_test.mp4", "public/videos/drawer_low_level_test.mp4"],
5  }
6}
7
8$(document).ready(function () {
9  // var f = window.onscroll;
10  let sectionBars = $(".barWrapper");
11  $(window).scroll(function () {
12    let py = window.pageYOffset;
13    let buffer = window.innerHeight / 2;
14    $(".barWrapper").removeClass("inview");
15    for (let i = sectionBars.length - 1; i >= 0; i--) {
16      //55 is anchor css top magnitude
17      const elem = document.getElementById(
18        sectionBars[i].attributes.href.value.slice(1)
19      );
20      if (py > elem.offsetTop - buffer + 55) {
21        $(sectionBars[i]).addClass("inview");
22        break;
23      }
24    }
25  });

26  $(".sidebarsWrapper").hover(
27    function () {
28      $(".sidebars span").css("opacity", 1);
29    },
30    function () {
31      $(".sidebars span").css("opacity", 0);
32    }
33  );
34  window.scroll();
35
36  const srcs = document.getElementsByClassName("abstractexecutable")[0].getElementsByTagName("source")
37  const vids = document.getElementsByClassName("abstractexecutable")[0].getElementsByTagName("video")
38  // document.querySelector("source").src = "http://example.com/new_url.mp4"
39
40  function setVideos(cond) {
41    const videos = config.videos[cond]
42    if (cond === "Train Tasks") {
43
44    }
45    for (let i = 0; i < vids.length; i+=1) {
46      const vidElem = vids[i];
47      const source = vidElem.getElementsByTagName("source")[0]
48      vidElem.pause();
49      source.setAttribute("src", videos[i]);
50      vidElem.load();
51    }
52  }
53  setVideos("Test Tasks")
54
55  $("#task-select").on('change', function (e) {
56    var optionSelected = $("option:selected", this);
57    var valueSelected = this.value;
58    console.log({valueSelected})
59    setVideos(valueSelected)
60    if (valueSelected === "Train Tasks") {
61      
62    }
63    else if (valueSelected === "Test Tasks") {
64      
65    }
66  })
67});