CoolFace
Apppublic

yonis1/KnowledgeForAI

sourceHugging Faceunlicenseupdated 2y agoView on Hugging Face
0likes
index.js79 linesDownload Raw Back to js
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