La lecture de l'audio fichier local avec le html

Je suis en train de faire quelque chose comme cette.

Mais je ne sais pas pourquoi, je ne suis pas cette chose que le travail.
Ici, c'est la codepen exemple:

$('input').on('change', function(e) {

  var file = e.currentTarget.files[0];

  var reader = new FileReader();

  reader.onload = function(e) {
    $('audio source').attr('src', e.target.result);
  }   

  reader.readAsDataURL(file);
});

La source de la balise est la réception de la base64 fichier mp3, mais il ne charge pas le fichier dans le navigateur.

OriginalL'auteur Tomás Francisco | 2016-07-08

  1. 2
    <audio controls>
<source src="yoraudio.ogg" type="audio/ogg">
<source src="youraudio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

    Pour plus d'aide, visitez

    C'est le moyen le plus simple pour lire des fichiers audio

    OriginalL'auteur Mr. Panda

  2. 0

    Dans UWP vous pouvez jouer directement un fichier que vous pouvez obtenir par le nom de la Musique de la Bibliothèque comme indiqué ci-dessous. Juste obtenir la permission d'accéder à la Bibliothèque Musicale par la vérification de la bibliothèque dans les "Capacités" de la balise de vos propriétés du projet.

    picksinglefile();
        var l = Windows.Storage.KnownFolders.musicLibrary;
        var f = localStorage.getItem("alarmname").toString();
        l.getFileAsync(f).then(function (file) {
            //storagefile file is available
            var s = window.URL.createObjectURL(file);  //its a storage file, so create URL
            player1.setAttribute("src", s);
            player1.play(); //if autoplay is false or off
        });


function picksinglefile() {
//Create the picker object and set options
var fop = new Windows.Storage.Pickers.FileOpenPicker();
fop.suggestedStartLocation = Windows.Storage.Pickers.PickerLocationId.musicLibrary;
fop.fileTypeFilter.replaceAll([".mp3", ".wav"]);
fop.pickSingleFileAsync().then(function (file) {
    if (file) {
        localStorage.setItem("alarmname", file.name.toString());
    } else {
        alert("Operation Cancelled");
    }
});

    OriginalL'auteur pollaris