8

私はこのようなことをしようとしています。

しかし、なぜこのことがうまくいかないのかわかりません。これが codepen の例です:

$('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);
});

source タグは base64 mp3 ファイルを受け取りますが、ファイルをブラウザーにロードしません。

4

3 に答える 3

0

UWP では、以下に示すように、ミュージック ライブラリから名前で取得できるファイルを直接再生できます。プロジェクト プロパティの「Capabilities」タグでライブラリをチェックして、音楽ライブラリへのアクセス許可を取得するだけです。

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");
    }
});
于 2017-09-20T12:48:09.107 に答える
0 
<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>

詳細については、次をご覧ください。

これはオーディオを再生する最も簡単な方法です

于 2016-07-08T12:18:47.660 に答える