yonis1/KnowledgeForAI
0
1window.HELP_IMPROVE_VIDEOJS = false;2 3var INTERP_BASE = "./static/interpolation/stacked";4var NUM_INTERP_FRAMES = 240;5 6var interp_images = [];7function preloadInterpolationImages() {8 for (var i = 0; i < NUM_INTERP_FRAMES; i++) {9 var path = INTERP_BASE + '/' + String(i).padStart(6, '0') + '.jpg';10 interp_images[i] = new Image();11 interp_images[i].src = path;12 }13}14 15function setInterpolationImage(i) {16 var image = interp_images[i];17 image.ondragstart = function() { return false; };18 image.oncontextmenu = function() { return false; };19 $('#interpolation-image-wrapper').empty().append(image);20}21 22 23$(document).ready(function() {24 // Check for click events on the navbar burger icon25 $(".navbar-burger").click(function() {26 // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"27 $(".navbar-burger").toggleClass("is-active");28 $(".navbar-menu").toggleClass("is-active");29 30 });31 32 var options = {33 slidesToScroll: 1,34 slidesToShow: 3,35 loop: true,36 infinite: true,37 autoplay: false,38 autoplaySpeed: 3000,39 }40 41 // Initialize all div with carousel class42 var carousels = bulmaCarousel.attach('.carousel', options);43 44 // Loop on each carousel initialized45 for(var i = 0; i < carousels.length; i++) {46 // Add listener to event47 carousels[i].on('before:show', state => {48 console.log(state);49 });50 }51 52 // Access to bulmaCarousel instance of an element53 var element = document.querySelector('#my-element');54 if (element && element.bulmaCarousel) {55 // bulmaCarousel instance is available as element.bulmaCarousel56 element.bulmaCarousel.on('before-show', function(state) {57 console.log(state);58 });59 }60 61 /*var player = document.getElementById('interpolation-video');62 player.addEventListener('loadedmetadata', function() {63 $('#interpolation-slider').on('input', function(event) {64 console.log(this.value, player.duration);65 player.currentTime = player.duration / 100 * this.value;66 })67 }, false);*/68 preloadInterpolationImages();69 70 $('#interpolation-slider').on('input', function(event) {71 setInterpolationImage(this.value);72 });73 setInterpolationImage(0);74 $('#interpolation-slider').prop('max', NUM_INTERP_FRAMES - 1);75 76 bulmaSlider.attach();77 78})79 