Advertisement
rodro1

Audio jubox player Javascript

Jan 16th, 2017
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. (function(){
  2.   var player = document.querySelector('.player');
  3.   player.addEventListener('click', function(e){
  4.     var trigger = e.target;
  5.     var audioSrc = trigger.dataset.src;
  6.     var playing = document.querySelector('#playing');
  7.     var roller = document.querySelector('#roller');
  8.     var allSongs = document.querySelectorAll('.player li');
  9.  
  10.       for(var i = 0, len = allSongs.length; i < len; i++){
  11.         allSongs[i].id = '';
  12.       }
  13.  
  14.       // if(trigger.id == 'playing'){
  15.       //   trigger.id = '';
  16.       // }
  17.    
  18.  
  19.  
  20.     if(roller){
  21.       if(playing){
  22.         //console.dir(audioSrc);
  23.         //console.dir(roller.attributes.src.value);
  24.         if(audioSrc == roller.attributes.src.value){
  25.           trigger.id = 'paused';
  26.           roller.pause();
  27.         } else{
  28.           trigger.id = 'playing';
  29.           roller.src = audioSrc;
  30.           roller.play();
  31.           console.log('other');
  32.         }
  33.        
  34.       } else {
  35.         roller.src = audioSrc;
  36.         roller.play();
  37.         trigger.id = 'playing';
  38.       }
  39.  
  40.     } else {
  41.       var audio = document.createElement('audio');
  42.       audio.id = 'roller';
  43.       document.body.appendChild(audio);
  44.  
  45.         trigger.id = 'playing';
  46.         audio.src = audioSrc;
  47.         audio.play();
  48.     }
  49.  
  50.  
  51.   }, false);
  52. })()
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement