HTML5 Audio Player test

by Jayson Buquia

HTML

<!-- <audio src="http://talkmuzik.net/wp-content/uploads/2016/11/08.-Bruno-Mars-Finesse-Talkmuzik.com_.mp3" controls>
  
</audio> -->

Babel + JSX

/* let audio = $('audio')[0];

console.dir(audio);

audio.addEventListener('timeupdate', e => {
  console.log('audio.currentTime',audio.currentTime);
}); */


let src = 'http://talkmuzik.net/wp-content/uploads/2016/11/08.-Bruno-Mars-Finesse-Talkmuzik.com_.mp3';

let audio = new Audio();

audio.addEventListener( 'canplay', e => {
	console.info('audio can play!');
  
  console.log('duration', audio.duration);
 
  /* setTimeout( () => {
    audio.play();
  } */, 3000);

});

audio.addEventListener( 'progress', e => {
	let buffered = audio.buffered;  
  let bufferedLength = buffered.length;
  
  if ( !buffered.length ) {
  	// no buffer	
  	return;
  }

  console.log(audio.seekable);
  console.log('buffered', buffered.end(bufferedLength - 1));
});

/* audio.addEventListener( 'timeupdate', e => {
  console.log('time', audio.currentTime);
});
 */
audio.preload = false;
audio.src = src;