I can't figure out how to make a song downloadable. Everything plays fine but no download link. The players on the jplayer website will allow for downloading but I haven't been able to figure out where/how to alter the code for this one to do that.

I tried using jplayer via the audiofield module which has an option to include a download link which it does, right under the player and that's fine for a single song. But if you use a playlist audiofield creates a new instance of jplayer for each song, each with a download link, but each player has the entire playlist included on it. So if you have five songs you get five players each with five songs.

I'd like to have one player with a playlist with each song having a download link.

Suggestions?

Comments

robbielink created an issue.

hadiseh’s picture

hadiseh commented

hi
Edit THEME.info
add:
scripts[] = js/dow.js
Create File: dow.js
themes folder sites/all/themes/Yourtheme/js/dow.js
add this code:

(function($){
    // insert  download to playlist
    $(document).ready(function(){
        $('div.jp-playlist li').prepend($("<div class=\"download-button\">download</div>"));

    // enable download button
    $('div.download-button').css('cursor', 'pointer').click(function(event) {
    var $a_href = ($(this).closest('li').find('a').attr('href'));
    event.preventDefault();  //stop the browser from following
    window.location.href = $a_href;
    });
    });
})(jQuery);

css style:

div.download-button {
    float: right;
    color:red;
}

For this to work in most browsers, I also had to add the following lines to my site’s .htaccess file…

<FilesMatch "\.(mov|mp3|jpg|pdf)$">
  ForceType application/octet-stream
  Header set Content-Disposition attachment
</FilesMatch>

clear all caches: admin/config/development/performance

Pixelstack’s picture

Pixelstack commented

Hi there,

Thank you for sharing this, it is exactly what I needed.

Is there an easy way to force this file to download instead of opening in a new window?

Thanks!