{"version":3,"file":"js/application-4e1a91f91c1185a19e02.js","mappings":"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","sources":["webpack://moviehoney/./app/javascript/channels/ sync _channel\\.js$","webpack://moviehoney/./app/javascript/channels/index.js","webpack://moviehoney/./app/javascript/packs/application.js","webpack://moviehoney/./app/javascript/packs/player.js"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 6463;\nmodule.exports = webpackEmptyContext;","// Load all the channels within this directory and all subdirectories.\n// Channel files must be named *_channel.js.\n\nconst channels = require.context('.', true, /_channel\\.js$/)\nchannels.keys().forEach(channels)\n","\n// import Rails from \"@rails/ujs\"\n// import \"@hotwired/turbo-rails\";\n// import * as ActiveStorage from \"@rails/activestorage\"\n// import \"channels\"\n// import * as bootstrap from 'bootstrap'\n//= import \"bootstrap/dist/js/bootstrap.bundle.js\"\n// // import \"../stylesheets/application.scss\"\n// Rails.start()\n// ActiveStorage.start()\n// require(\"packs/player\")\n//= require jquery3\n//= window.$ = window.jQuery = require(\"jquery\");\n//= window.bootstrap = require('bootstrap/dist/js/bootstrap.bundle.js');\n\n\nimport Rails from \"@rails/ujs\"\nimport \"@hotwired/turbo-rails\";\nimport * as ActiveStorage from \"@rails/activestorage\"\nimport \"channels\"\nimport 'bootstrap' // You only need to import it once if you're using ES6 import\nimport \"../stylesheets/application.scss\"\n\n\n\n\nRails.start()\nActiveStorage.start()\nrequire(\"packs/player\")\n\n// Only one jQuery import is necessary, the way it's set depends on other uses in your application\nimport $ from 'jquery'\nwindow.$ = window.jQuery = $;\n\n\n\n\n\n\n\n\n","//original source code: http://masf-html5.blogspot.com/2016/04/html5-player-with-clickable-transcript.html\n\nvar video, transcriptDiv;\nvar tracks, trackElems, tracksURLs = [];\n\n$(document).on('turbo:load', function() {\n  console.log(\"init\");\n  // when the page is loaded\n  video = document.querySelector(\"#myVideo\");\n  if (video) {\n\n    transcriptDiv = document.querySelector(\"#transcript\");\n\n    // The tracks as HTML elements\n    trackElems = document.querySelectorAll(\"track\");\n    for(var i = 0; i < trackElems.length; i++) {\n      var currentTrackElem = trackElems[i];\n      tracksURLs[i] = currentTrackElem.src;\n    }\n\n    // The tracks as JS objects\n    tracks = video.textTracks;\n\n    loadTranscript('en');\n  }\n\n})\n\n\nwindow.loadTranscript = function(lang) {\n  // clear current transcript\n\n  clearTranscriptDiv();\n\n  // set all track mode to disabled. We will only activate the\n  // one whose content will be displayed as transcript\n  disableAllTracks();\n\n  // Locate the track with language = lang\n  for(var i = 0; i < tracks.length; i++) {\n    // current track\n    var track = tracks[i];\n    var trackAsHtmlElem = trackElems[i];\n\n    if((track.language === lang) && (track.kind !== \"chapters\")) {\n      track.mode=\"showing\";\n\n      if(trackAsHtmlElem.readyState === 2) {\n        // the track has already been loaded\n        displayCues(track);\n      } else {\n        displayCuesAfterTrackLoaded(trackAsHtmlElem, track);\n      }\n\n/*      FOR FIREFOX....\n        track.addEventListener(\"cuechange\", function(e) {\n           var cue = this.activeCues[0];\n           console.log(\"cue change\");\n           var transcriptText = document.getElementById(cue.id);\n           transcriptText.classList.add(\"current\");\n      });\n      */\n    }\n  }\n}\n\n\n\nwindow.displayCuesAfterTrackLoaded = function(trackElem, track) {\n  // Create a listener that will be called only when the track has\n  // been loaded\n  trackElem.addEventListener('load', function(e) {\n      console.log(\"track loaded\");\n      displayCues(track);\n   });\n}\n\nwindow.disableAllTracks = function() {\n    for(var i = 0; i < tracks.length; i++)\n      tracks[i].mode = \"disabled\";\n}\n\nwindow.displayCues = function(track) {\n    var cues = track.cues;\n\n    //append all the subtitle texts to\n      for(var i=0, len = cues.length; i < len; i++) {\n        var cue = cues[i];\n        addCueListeners(cue);\n\n        var voices = getVoices(cue.text);\n        var transText=\"\";\n        if (voices.length > 0) {\n            for (var j = 0; j < voices.length; j++) { // how many voices ?\n                transText += voices[j].voice + ': ' + removeHTML(voices[j].text);\n            }\n          } else\n             transText = cue.text; // not a voice text\n        var clickableTransText = \"<li class='cues' id=\" + cue.id +  \" onclick='jumpTo(\" + cue.startTime + \");'\" + \">\" + transText + \"</li>\";\n\n        addToTranscriptDiv(clickableTransText);\n      }\n  }\n\nwindow.getVoices = function(speech) {  // takes a text content and check if there are voices\n  var voices = [];            // inside\n  var pos = speech.indexOf('<v'); // voices are like <v michel> ....\n  while (pos != -1) {\n    endVoice = speech.indexOf('>');\n    var voice = speech.substring(pos + 2, endVoice).trim();\n    var endSpeech = speech.indexOf('</v>');\n    var text = speech.substring(endVoice + 1, endSpeech);\n    voices.push({\n       'voice': voice,\n       'text': text\n    });\n    speech = speech.substring(endSpeech + 4);\n    pos = speech.indexOf('<v');\n  }\n  return voices;\n}\n\nwindow.removeHTML = function(text) {\n  var div = document.createElement('div');\n  div.innerHTML = text;\n  return div.textContent || div.innerText || '';\n}\n\nwindow.jumpTo = function(time) {\n  video.currentTime = time;\n  video.play();\n}\n\nwindow.clearTranscriptDiv = function() {\n  transcriptDiv.innerHTML = \"\";\n}\n\nwindow.addToTranscriptDiv = function(htmlText) {\n  transcriptDiv.innerHTML += htmlText;\n}\n\nwindow.addCueListeners = function(cue) {\n  cue.onenter = function(){\n    console.log('enter id=' + this.id);\n    var transcriptText = document.getElementById(this.id);\n    transcriptText.classList.add(\"current\");\n  };\n\n  cue.onexit = function(){\n    console.log('exit id=' + cue.id);\n   var transcriptText = document.getElementById(this.id); transcriptText.classList.remove(\"current\");\n  };\n}\n\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","channels","require","forEach","Rails","start","ActiveStorage","window","$","video","transcriptDiv","tracks","trackElems","tracksURLs","document","on","console","log","querySelector","querySelectorAll","i","length","currentTrackElem","src","textTracks","loadTranscript","lang","clearTranscriptDiv","disableAllTracks","track","trackAsHtmlElem","language","kind","mode","readyState","displayCues","displayCuesAfterTrackLoaded","trackElem","addEventListener","cues","len","cue","addCueListeners","voices","getVoices","text","transText","j","voice","removeHTML","clickableTransText","startTime","addToTranscriptDiv","speech","pos","indexOf","endVoice","substring","trim","endSpeech","push","div","createElement","innerHTML","textContent","innerText","jumpTo","time","currentTime","play","htmlText","onenter","this","getElementById","classList","add","onexit","remove"],"sourceRoot":""}