关于最新版本listen1 (2.24.0)的修改心得(添加下载功能)

背靠暖阳

已于 2023-01-13 23:04:11 修改

阅读量1.4k

点赞数 1

文章标签： javascript

于 2022-08-23 22:58:57 首次发布

本文链接：https://blog.csdn.net/weixin_44070283/article/details/126494006

版权

本文介绍了如何在listen1的最新版本2.24.0中添加下载功能，包括修改navigation.js，添加HTML标签以引入新的CSS和JS文件，以及详细说明了download2.js的作用，用于解决跨域下载文件的重命名问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注：本文只作为技术交流

前言

再次感谢 listen1 的作者开发出如此强大的音乐播放器项目地址

效果图

首先照样更改 navigation.js文件

选中内容为新增的代码

 // 下面是我改的
    $scope.download_music = (song) => {
      const strs =song.url.split('.'); // 字符分割
      const houzhui = strs[strs.length - 1].substring(0, 3);
      const filename = song.artist+" - "+song.title ;
      const x = new XMLHttpRequest();
      x.open("GET",song.url, true);
        x.responseType = 'blob';

      // eslint-disable-next-line no-undef
        x.onload=function(e){download(x.response, `${filename}.${houzhui}`);};
        x.send();
      };

    //

修改 html(添加下载标签)