HTML 5 Audio Player and Android/iOS

Question

my question is: Can the HTML5 Audio Player play files from the device. So if the user downloads a audio file from a website and save it on the device can the player read and play this file in offline modus(without internet)? The player is in an WebApp.

thanx newone

is there no one with an idea? – newone Oct 13 '11 at 11:49 — newone, Oct 13 '11 at 11:49

score 1 · Answer 1 · answered May 14 '12 at 15:51

1

"file" input is not supported in iOS. Also, iOS cannot load media files as data URL, only real URL files can be played.

answered May 14 '12 at 15:51

chrilith

260
3
8

score 1 · Answer 2 · answered Oct 15 '11 at 10:05

Android and iPhone has WebKit based browser and should support File API

You can ask user to open file, and read it as DataURL using File API, described above.

<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);

HTML 5 Audio Player and Android/iOS

2 Answers2

Linked