Add download links on Japanesepod101 site

Search for <source> tags and append download urls below them

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         Add download links on Japanesepod101 site
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Search for <source> tags and append download urls below them
// @author       CometZero
// @include      *japanesepod101*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    $('audio').each(function( index ) {

        var source = $(this).find('source').attr('src');

        if ( source != '' ) {
            $(this).after('<a href="' + source + '" class="audio-download" download>Download</a>');
        }

    });

    GM_addStyle("a.audio-download{margin-top:1em;background:#eee;padding:.2em 1em;border-radius:5px;display:inline-block;text-decoration: none;color: black;}a.audio-download:hover{background:#ddd}");
})();