使用 audio.js 单击按钮下载音频

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 在列表项单击事件中 link

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

使用 audio.js 单击按钮下载音频

download audio on onclick of button using audio.js

javascript

model-view-controller