bundle.js.map

{"version":3,"sources":["webpack:///webpack/bootstrap 70d83fb8be00fa5cd197","webpack:///./js/audio_movement.js","webpack:///./js/color_controller.js"],"names":["window","onload","file","document","getElementById","audio","src","crossOrigin","onchange","files","URL","createObjectURL","load","play","playButton","pauseButton","progressBar","volumeDown","volumeUp","addEventListener","pause","volume","ontimeupdate","updateProgress","player","value","currentTime","duration","visualHeight","visualWidth","barHeightModifier","barWidthModifier","event","currentTarget","audioCtx","AudioContext","source","createMediaElementSource","analyser","createAnalyser","connect","destination","fftsize","bufferLength","frequencyBinCount","dataArray","Uint8Array","canvas","canvasCtx","getContext","width","innerWidth","height","WIDTH","HEIGHT","barWidth","barHeight","x","render","requestAnimationFrame","getByteFrequencyData","clearRect","fillStyle","fillRect","i","gradient","createLinearGradient","addColorStop","color1","color2","color3","color4","setTimeout","COLORCHOICE","color5","color6","color7","color8","color9","color10","color11","color12","color13","color14","color15","color16","color17","color18","color19","color20","color21","color22","color23","color24","color25","color26","color27","color28","color29","color30","color31","color32","color33","color34","color35","color36","color37","color38","color39","color40","dropDownMenu","dropDownContent","classList","contains","remove","add","COLORS","gradientnum","currentGradient","gradient1","gradient2","gradient3","gradient4","gradientAll","colorreset","setcolor1","setcolor2","setcolor3","setcolor4","setcolor5","setcolor6","setcolor7","setcolor8","setcolor9","setcolor10","setcolor11","setcolor12","setcolor13","setcolor14","setcolor15","setcolor16","setcolor17","setcolor18","setcolor19","setcolor20","setcolor21","setcolor22","setcolor23","setcolor24","setcolor25","setcolor26","setcolor27","setcolor28","setcolor29","setcolor30","setcolor31","setcolor32","setcolor33","setcolor34","setcolor35","setcolor36","setcolor37","setcolor38","setcolor39","setcolor40","setColor","color","console","log"],"mappings":"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","file":"bundle.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 70d83fb8be00fa5cd197","import { COLORS } from './color_controller';\n\nwindow.onload = function() {\n\n  let file = document.getElementById(\"thefile\");\n  let audio = document.getElementById(\"audio\");\n  audio.src = './Miles_Davis.mp3';\n  audio.crossOrigin = 'anonymous';\n\n\n  file.onchange = function() {\n    let files = this.files;\n    audio.src = URL.createObjectURL(files[0]);\n    audio.load();\n    audio.play();\n  };\n\n  let playButton = document.getElementById(\"play-button\");\n  let pauseButton = document.getElementById(\"pause-button\");\n  let progressBar = document.getElementById(\"seekbar\");\n  let volumeDown = document.getElementById(\"volume-down-button\");\n  let volumeUp = document.getElementById(\"volume-up-button\");\n\n  playButton.addEventListener(\"click\", function(){\n    audio.play();\n  });\n\n  pauseButton.addEventListener(\"click\", function(){\n    audio.pause();\n  });\n\n  volumeDown.addEventListener(\"click\", function(){\n    audio.volume -= .1;\n  });\n\n  volumeUp.addEventListener(\"click\", function(){\n    audio.volume += .1;\n  });\n\n  audio.ontimeupdate = function updateProgress() {\n    let player = document.getElementById(\"audio\");\n    progressBar.value = (player.currentTime / player.duration);\n  };\n\n  let visualHeight = document.getElementById(\"adjust-visual-height\");\n  let visualWidth = document.getElementById(\"adjust-visual-width\");\n  let barHeightModifier = visualHeight.value / 50;\n  let barWidthModifier = visualWidth.value / 20;\n\n  visualHeight.addEventListener(\"input\", function(){\n    barHeightModifier = event.currentTarget.value / 20;\n  });\n\n  visualWidth.addEventListener(\"input\", function(){\n    barWidthModifier = event.currentTarget.value / 10;\n\n  });\n\n\n\n  let audioCtx = new AudioContext();\n  let source = audioCtx.createMediaElementSource(audio);\n  let analyser = audioCtx.createAnalyser();\n\n  source.connect(analyser);\n  analyser.connect(audioCtx.destination);\n  analyser.fftsize = 256;\n\n  let bufferLength = analyser.frequencyBinCount;\n  let dataArray = new Uint8Array(256);\n\n  let canvas = document.getElementById(\"canvas\");\n  let canvasCtx = canvas.getContext(\"2d\");\n  canvas.width = window.innerWidth;\n  canvas.height = 600;\n  let WIDTH = canvas.width;\n  let HEIGHT = canvas.height;\n  let barWidth = (WIDTH / bufferLength) * 5;\n  let barHeight;\n  let x = 0;\n\n\n  function render(){\n    requestAnimationFrame(render);\n      x = 0;\n\n    analyser.getByteFrequencyData(dataArray);\n\n    canvasCtx.clearRect(0,0,WIDTH,HEIGHT);\n    canvasCtx.fillStyle = \"white\";\n    canvasCtx.fillRect(x, x, WIDTH, HEIGHT);\n\n    for (let i = 0; i < bufferLength; i ++) {\n      barHeight = dataArray[i] * barHeightModifier;\n\n\n      let gradient = canvasCtx.createLinearGradient(0, 0, 4000, 0);\n      gradient.addColorStop(0.06, COLORS.color1);\n      gradient.addColorStop(0.15, COLORS.color2);\n      gradient.addColorStop(0.28, COLORS.color3);\n      gradient.addColorStop(0.4, COLORS.color4);\n\n\n\n      canvasCtx.fillStyle = gradient;\n      canvasCtx.fillRect(x, HEIGHT-barHeight, barWidth, barHeight);\n\n      x += barWidth + barWidthModifier;\n    }\n  }\n  setTimeout(function() {audio.play()}, 4000);\n  render();\n};\n\n\n\n// WEBPACK FOOTER //\n// ./js/audio_movement.js","const COLORCHOICE = {\n  color1: \"#F4F6F7\",\n  color2: \"#ECF0F1\",\n  color3: \"#D98880\",\n  color4: \"#C0392B\",\n  color5: \"#FECCCC\",\n  color6: \"#feb0b0\",\n  color7: \"#C39BD3\",\n  color8: \"#9B59B6\",\n\n  color9: \"#BB8FCE\",\n  color10: \"#8E44AD\",\n  color11: \"#7FB3D5\",\n  color12: \"#2980B9\",\n  color13: \"#85C1E9\",\n  color14: \"#3498DB\",\n  color15: \"#76D7C4\",\n  color16: \"#1ABC9C\",\n\n  color17: \"#73C6B6\",\n  color18: \"#16A085\",\n  color19: \"#7DCEA0\",\n  color20: \"#27AE60\",\n  color21: \"#82E0AA\",\n  color22: \"#2ECC71\",\n  color23: \"#F7DC6F\",\n  color24: \"#F1C40F\",\n\n  color25: \"#F8C471\",\n  color26: \"#F39C12\",\n  color27: \"#F0B27A\",\n  color28: \"#E67E22\",\n  color29: \"#E59866\",\n  color30: \"#D35400\",\n  color31: \"#D7DBDD\",\n  color32: \"#BDC3C7\",\n\n  color33: \"#BFC9CA\",\n  color34: \"#95A5A6\",\n  color35: \"#B2BABB\",\n  color36: \"#7F8C8D\",\n  color37: \"#85929E\",\n  color38: \"#34495E\",\n  color39: \"#212F3D\",\n  color40: \"#17202A\",\n};\n\n//Menu drop down\nlet dropDownMenu = document.getElementById(\"drop-down-menu\");\nlet dropDownContent = document.getElementById(\"drop-down-content\");\n\ndropDownMenu.addEventListener(\"click\", function(){\n  if (dropDownContent.classList.contains(\"drop-down-show\")){\n    dropDownContent.classList.remove(\"drop-down-show\");\n  } else {\n    dropDownContent.classList.add(\"drop-down-show\");\n  }\n});\n\n\n// Color setter\nexport const COLORS = {\n  color1: \"#FEF7F7\",\n  color2: \"#FEDBDB\",\n  color3: \"#FEB7B7\",\n  color4: \"#FEF7F7\"\n};\n\nlet gradientnum = 1;\nlet currentGradient = document.getElementById(`gradient${gradientnum}`);\n\nlet gradient1 = document.getElementById(\"gradient1\");\nlet gradient2 = document.getElementById(\"gradient2\");\nlet gradient3 = document.getElementById(\"gradient3\");\nlet gradient4 = document.getElementById(\"gradient4\");\nlet gradientAll = document.getElementById(\"gradientAll\");\n\nlet colorreset = document.getElementById(\"colorreset\");\nlet setcolor1 = document.getElementById(\"setcolor1\");\nlet setcolor2 = document.getElementById(\"setcolor2\");\nlet setcolor3 = document.getElementById(\"setcolor3\");\nlet setcolor4 = document.getElementById(\"setcolor4\");\nlet setcolor5 = document.getElementById(\"setcolor5\");\nlet setcolor6 = document.getElementById(\"setcolor6\");\nlet setcolor7 = document.getElementById(\"setcolor7\");\nlet setcolor8 = document.getElementById(\"setcolor8\");\nlet setcolor9 = document.getElementById(\"setcolor9\");\nlet setcolor10 = document.getElementById(\"setcolor10\");\nlet setcolor11 = document.getElementById(\"setcolor11\");\nlet setcolor12 = document.getElementById(\"setcolor12\");\nlet setcolor13 = document.getElementById(\"setcolor13\");\nlet setcolor14 = document.getElementById(\"setcolor14\");\nlet setcolor15 = document.getElementById(\"setcolor15\");\nlet setcolor16 = document.getElementById(\"setcolor16\");\nlet setcolor17 = document.getElementById(\"setcolor17\");\nlet setcolor18 = document.getElementById(\"setcolor18\");\nlet setcolor19 = document.getElementById(\"setcolor19\");\nlet setcolor20 = document.getElementById(\"setcolor20\");\nlet setcolor21 = document.getElementById(\"setcolor21\");\nlet setcolor22 = document.getElementById(\"setcolor22\");\nlet setcolor23 = document.getElementById(\"setcolor23\");\nlet setcolor24 = document.getElementById(\"setcolor24\");\nlet setcolor25 = document.getElementById(\"setcolor25\");\nlet setcolor26 = document.getElementById(\"setcolor26\");\nlet setcolor27 = document.getElementById(\"setcolor27\");\nlet setcolor28 = document.getElementById(\"setcolor28\");\nlet setcolor29 = document.getElementById(\"setcolor29\");\nlet setcolor30 = document.getElementById(\"setcolor30\");\nlet setcolor31 = document.getElementById(\"setcolor31\");\nlet setcolor32 = document.getElementById(\"setcolor32\");\nlet setcolor33 = document.getElementById(\"setcolor33\");\nlet setcolor34 = document.getElementById(\"setcolor34\");\nlet setcolor35 = document.getElementById(\"setcolor35\");\nlet setcolor36 = document.getElementById(\"setcolor36\");\nlet setcolor37 = document.getElementById(\"setcolor37\");\nlet setcolor38 = document.getElementById(\"setcolor38\");\nlet setcolor39 = document.getElementById(\"setcolor39\");\nlet setcolor40 = document.getElementById(\"setcolor40\");\n\n\ngradient1.addEventListener(\"click\", function(){\n  currentGradient.classList.remove(\"selected\");\n  gradientAll.classList.remove(\"selected\");\n  gradientnum = 1;\n  currentGradient = document.getElementById(`gradient${gradientnum}`);\n  currentGradient.classList.add(\"selected\");\n});\ngradient2.addEventListener(\"click\", function(){\n  currentGradient.classList.remove(\"selected\");\n  gradientAll.classList.remove(\"selected\");\n  gradientnum = 2;\n  currentGradient = document.getElementById(`gradient${gradientnum}`);\n  currentGradient.classList.add(\"selected\");\n});\ngradient3.addEventListener(\"click\", function(){\n  currentGradient.classList.remove(\"selected\");\n  gradientAll.classList.remove(\"selected\");\n  gradientnum = 3;\n  currentGradient = document.getElementById(`gradient${gradientnum}`);\n  currentGradient.classList.add(\"selected\");\n});\ngradient4.addEventListener(\"click\", function(){\n  currentGradient.classList.remove(\"selected\");\n  gradientAll.classList.remove(\"selected\");\n  gradientnum = 4;\n  currentGradient = document.getElementById(`gradient${gradientnum}`);\n  currentGradient.classList.add(\"selected\");\n});\n\ngradientAll.addEventListener(\"click\", function(){\n  currentGradient.classList.remove(\"selected\");\n  gradientnum = 5;\n  gradientAll.classList.add(\"selected\");\n});\n\n\ncolorreset.addEventListener(\"click\", function(){\n  currentGradient.classList.remove(\"selected\");\n  COLORS.color1 = \"#FEF7F7\";\n  COLORS.color2 = \"#FEDBDB\";\n  COLORS.color3 = \"#FEB7B7\";\n  COLORS.color4 = \"#FEF7F7\";\n});\n\n\nfunction setColor(color){\n  console.log(gradientnum);\n  console.log(color);\n  if (gradientnum === 5){\n    COLORS['color1'] = color;\n    COLORS['color2'] = color;\n    COLORS['color3'] = color;\n    COLORS['color4'] = color;\n  } else {\n  COLORS[`color${gradientnum}`] = color;\n  }\n}\n\n\nsetcolor1.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color1);\n});\n\nsetcolor2.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color2);\n});\n\nsetcolor3.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color3);\n});\n\nsetcolor4.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color4);\n});\n\nsetcolor5.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color5);\n});\n\nsetcolor6.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color6);\n});\n\nsetcolor7.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color7);\n});\n\nsetcolor8.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color8);\n});\n\nsetcolor9.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color9);\n});\n\nsetcolor10.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color10);\n});\n\nsetcolor11.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color11);\n});\n\nsetcolor12.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color12);\n});\n\nsetcolor13.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color13);\n});\n\nsetcolor14.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color14);\n});\n\nsetcolor15.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color15);\n});\n\nsetcolor16.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color16);\n});\n\n\n\nsetcolor17.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color17);\n});\n\nsetcolor18.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color18);\n});\n\nsetcolor19.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color19);\n});\n\nsetcolor20.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color20);\n});\n\nsetcolor21.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color21);\n});\n\nsetcolor22.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color22);\n});\n\nsetcolor23.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color23);\n});\n\nsetcolor24.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color24);\n});\n\nsetcolor25.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color25);\n});\n\nsetcolor26.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color26);\n});\n\nsetcolor27.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color27);\n});\n\nsetcolor28.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color28);\n});\n\nsetcolor29.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color29);\n});\n\nsetcolor30.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color30);\n});\n\nsetcolor31.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color31);\n});\n\nsetcolor32.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color32);\n});\n\nsetcolor33.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color33);\n});\n\nsetcolor34.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color34);\n});\n\nsetcolor35.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color35);\n});\n\nsetcolor36.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color36);\n});\n\nsetcolor37.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color37);\n});\n\nsetcolor38.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color38);\n});\n\nsetcolor39.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color39);\n});\n\nsetcolor40.addEventListener(\"click\", function(){\n  setColor(COLORCHOICE.color40);\n});\n\n\n\n// WEBPACK FOOTER //\n// ./js/color_controller.js"],"sourceRoot":""}