javascript - 使用 audio.js 在按钮的 onclick 上下载音频

Question

我想下载当前正在播放的音频..我使用了 http://kolber.github.io/audiojs/demos/test6.html ..

function download() {
            $.ajax(
                     {
                         url: '@Url.Action("Index")',
                         success: function () {
                             alert("success");
                             var oAudio = document.getElementById('myAudio');
                             var url = oAudio.getAttribute('src');
                             var newurl = "http://192.168.0.13:80/" + url;
                             alert(newurl);
                             window.open(newurl);
                         },
                         error: function () {
                             alert("err");
                             var oAudio = document.getElementById('myAudio');
                             var url = oAudio.getAttribute('src');
                             alert(url);
                             window.open(url);
                         }

                     });
        }

它不下载音频..任何解决方案请

Answer 1

Working Demo

删除 var newurl = "http://localhost:56596/"+ url;

在列表项点击事件的下载链接上附加文件 URL

$('ol li').click(function(e) {
          e.preventDefault();
          $(this).addClass('playing').siblings().removeClass('playing');
          audio.load($('a', this).attr('data-src'));
          $('#download').attr('href', $('a', this).attr('data-src'));
          audio.play();
        });

为此使用 HTML5 下载属性:

    $('#download').attr({'href' : $('a', this).attr('data-src'), 'download' : $('a', this).attr('data-src')});