HTML 5音頻播放器和Android/iOS

Question

我的問題是：HTML5音頻播放器可否播放設備中的文件。因此，如果用戶從網站下載音頻文件並將其保存在設備上，則播放器可以以離線方式（無網絡）閱讀和播放該文件？玩家在WebApp中。

感謝名單 newone

Answer 1

Android和iPhone具有基於WebKit瀏覽器應該支持File API

您可以要求用戶打開文件，並使用文件API，上述讀它作爲DataURL。

<input type="file" id="file" /> 

<script> 
    player = new Audio(); 

    function handleFileSelect(evt) { 
    var files = evt.target.files; // FileList object 

    var reader = new FileReader(); 

     // Closure to capture the file information. 
     reader.onload = (function(theFile) { 
     return function(e) { 
      player.src = e.target.result; 
      player.play()    
     }; 
     })(f); 

     // Read in the image file as a data URL. 
     reader.readAsDataURL(f); 
    } 
    } 
</script> 

document.getElementById('file').addEventListener('change', handleFileSelect, false); 

Answer 2

iOS中不支持「文件」輸入。此外，iOS無法將媒體文件加載爲數據網址，因此只能播放真實的網址文件。