Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- (function(){
- var player = document.querySelector('.player');
- player.addEventListener('click', function(e){
- var trigger = e.target;
- var audioSrc = trigger.dataset.src;
- var playing = document.querySelector('#playing');
- var roller = document.querySelector('#roller');
- var allSongs = document.querySelectorAll('.player li');
- for(var i = 0, len = allSongs.length; i < len; i++){
- allSongs[i].id = '';
- }
- // if(trigger.id == 'playing'){
- // trigger.id = '';
- // }
- if(roller){
- if(playing){
- //console.dir(audioSrc);
- //console.dir(roller.attributes.src.value);
- if(audioSrc == roller.attributes.src.value){
- trigger.id = 'paused';
- roller.pause();
- } else{
- trigger.id = 'playing';
- roller.src = audioSrc;
- roller.play();
- console.log('other');
- }
- } else {
- roller.src = audioSrc;
- roller.play();
- trigger.id = 'playing';
- }
- } else {
- var audio = document.createElement('audio');
- audio.id = 'roller';
- document.body.appendChild(audio);
- trigger.id = 'playing';
- audio.src = audioSrc;
- audio.play();
- }
- }, false);
- })()
Advertisement
Add Comment
Please, Sign In to add comment