AngularJS - 解码字节数组和播放音频文件（Wav/MP3）

Question

使用以下服务播放字节数组格式的音频文件（wav/mp3）。

myAudioService.getAudioTone(userid).then(function (data) { 

     var context; // Audio context 
     var buf;  // Audio buffer 
     $window.AudioContext = $window.webkitAudioContext; 
     context = new AudioContext(); 

     $timeout(function() { 

     $scope.playByteArray = function(){ 

      var arrayBuffer = new ArrayBuffer(data.length); 
      var bufferView = new Uint8Array(arrayBuffer); 
      for (i = 0; i < data.length; i++) { 
       bufferView[i] = data[i]; 
      } 

      context.decodeAudioData(arrayBuffer, function(buffer) { 
       buf = buffer; 
       play(); 
      }); 
     } 

     $scope.play = function(audioBuffer){ 

      // Create a source node from the buffer 
      var source = context.createBufferSource(); 
      source.buffer = buf; 
      // Connect to the final output node (the speakers) 
      source.connect(context.destination); 
      // Play immediately 
      source.start(0); 

     }  


     if(data.length !== '' || data !== ''){ 
      $scope.playByteArray(); 
     } 
     }, 3000); 

}); 

函数被调用，但它会抛出异常。

Uncaught (in promise) DOMException: Unable to decode audio data

我如何运行在Chrome，FF和IE浏览器？

P.S.控制器中已经定义了$window和$timeout。

Answer 1

根据错误消息arrayBuffer不包含您认为它包含的内容。您应该验证阵列中的字节与编码的wav/mp3文件相同。