纯前端播放本地音乐

audio标签读取的是arrayBuffer类型的数据，所以可以通过fileapi将文件读成arraybuffer。
同样的方法，对于video标签无效，不能播放视频。
但是audio标签可以播放mp4中的音频

document.querySelector('input').onchange = function(){
      var fileReader  = new FileReader;
      fileReader.onload = function(){
         var arrayBuffer = this.result;
         snippet.log(arrayBuffer);
         snippet.log(arrayBuffer.byteLength);
         }
      fileReader.readAsArrayBuffer(this.files[0]);

      var url = URL.createObjectURL(this.files[0]); 
      audio_player.src = url; 
      audio_player.play();
    };

<input id="audio_file" type="file" accept="audio/*" />
<audio id="audio_player" />