Аудио плеер HTML 5 и Android / iOS

Question

мой вопрос: может ли проигрыватель HTML5 Audio Player воспроизводить файлы с устройства. Таким образом, если пользователь загружает аудиофайл с веб-сайта и сохраняет его на устройстве, может ли проигрыватель читать и воспроизводить этот файл в автономном режиме (без Интернета)? Плеер находится в веб-приложении.

спасибо NewOne

Answer 1

Ввод «file» не поддерживается в iOS.Кроме того, iOS не может загружать медиа-файлы в качестве URL-адреса данных, могут воспроизводиться только реальные URL-файлы.

Answer 2

Android и iPhone имеют браузер на основе WebKit и должны поддерживать Файловый API

Вы можете попросить пользователя открыть файл и прочитать его как DataURL с помощью Файлового API, описанного выше.

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