JavaScript :: mp3 파일을 읽어서 재생시키기

안녕하세요 간만에 글남기네요 

node를 이용한 스트리밍전송에대해 공부하면서 정리를 하고있어서 그부분에 대해서도 천천히포스팅할 예정입니다 

자바스크립트를 이용해 간단하게 음악파일을 읽어 재생시키는 방법을 알아보려합니다

HTML

<input id="files" type="file" id="files" name="files[]" multiple /> <input id="play" type="button" value="play" />

JAVASCRIPT

window.AudioContext = window.AudioContext || window.webkitAudioContext; var context = new window.AudioContext(); var source; function playSound(arraybuffer) { context.decodeAudioData(arraybuffer, function (buf) { source = context.createBufferSource(); source.connect(context.destination); source.buffer = buf; source.start(0); }); } function handleFileSelect(evt) { var files = evt.target.files; // FileList object playFile(files[0]); } function playFile(file) { var freader = new FileReader(); freader.onload = function (e) { console.log(e.target.result); playSound(e.target.result); }; freader.readAsArrayBuffer(file); } player = document.getElementById('player'); document.getElementById('files').addEventListener('change', handleFileSelect, false); document.getElementById('play').onclick = function () { player.play(); };

이와같이 파일을 선택받고 플레이버튼을 누르면 재생이됩니다

다음포스팅은 Node  를 이용한 스트리밍서버 and 파일전송을 해볼예정입니다