给 Listen 1 Chrome 版添加下载功能

Listen 1 是一个非常牛逼的开源音乐播放器,就像作者说的,现在想听一首歌,因为版权的原因,要在不同播放器进行来回切换,这会很让人抓狂,Listen 1 可以很完美的帮你解决这个问题。

GitHub 主页 https://github.com/listen1
下载地址 https://listen1.github.io/listen1/

软件提供了多个平台的安装版本,这里以Chrome讲解。

Listen 1 虽然完美,但是不能下载音乐很让人蛋疼,当然我也找到了一个办法,每个歌曲会有一个链接,点开可以进入歌曲的原始网页,然后使用声海盗这个Chrome插件进行下载,这样操作肯定是繁琐的。我就想着修改代码自己添加一个下载功能,很巧合的是刚好看到网上已经有人发布过该方法,这里我就直接借用代码了。因为那个人修改是老版本的代码,这里我会以新版本为例从新贴一下代码和新的修改位置,并且打包出一个 Listen 1 最新版本的修改版。

具体要修改的地方有两处
第一处在 listen1.html 433行

修改

<div class="title">{{ currentPlaying.title }}</div>

<div class="title">{{ currentPlaying.title }} <a id="download_music" download="" class="" href="" target="_blank">下载</a></div>

这里我增加了 target 新窗口打开,并且把原作者的 download 设置为空,因为安全的原因所以跨域这个问题无解。这样的设置的不足就是无法自动保存歌曲名称,需要手动修改保存的歌曲名称。

第二处在 js/loweb.js 173行
修改

        function successCallback() {
          playerSuccessCallback();
          success();
        }

        function successCallback() {
          button = document.getElementById('download_music')
          button.href = sound.url
          playerSuccessCallback();
          success();
        }

这两处修改好就完成了。

效果图
Listen 1 下载

修改版下载安装
https://cdn.kakarot.net/chrome/crx/listen1-d_chrome_extension-2.1.5.crx

安装方法:Chrome 因为安全原因禁止非Chrome商店的链接安装,你需要把.crx 文件下载到本地,然后打开 chrome://extensions/ 页面,直接把 .crx 文件拖拽到浏览器内进行安装。


标签: 空


添加新评论