Аудио-плеер "Жуэль"
 

Доброго времени суток Господа! Вот тут нарыл в сети аудио-плеер, очень понравился, но в нем нет кнопочки для скачивания трека, к примеру как здесь. Может кто поможет добавить детальку, я то сам в этом деле не бу-бум. Да Святится имя того, кто поможет!:thanks:

Вот URL, по которому находится набор кнопок:
http://qwebs.ru/bitrix/js/qwebs.joue...ele-sprite.png
Как с помощью кода подставить нужную кнопку, я забыл (хотя и не знал). Можете скачать, вырезать нужную кнопку с помощью Paint и использовать в качестве ссылки на скачивание:

<div class="example-track">
	<h3 class="example-track-header">data-length="9:54"<br/>"594" also will work (as 9×60 + 54)</h3>
	<a href="http://audio.ilyabirman.ru/Ilya%20Birman%20-%20News.mp3" class="jouele" data-length="9:54">Ilya Birman – News1</a>
	<a href="http://audio.ilyabirman.ru/Ilya%20Birman%20-%20News.mp3"><img src="download.png"></a>
</div>

Помните об авторских правах на музыку, эта кнопка может усложнить их соблюдение :)

Спасибо конечно добрый человек, но это не то :) Дело в том, что ссылка на mp3 файл с классом class="jouele" становится плеером, а по вашему предложению, добавляется еще одна ссылка, в итоге если у меня на странице будет 50 ссылок на mp3, то их число удвоится, вряд ли поисковикам такое понравится, да и кнопочка получилась под плеером, а не рядом с таймером.

В подобном плеере, в JS, кнопочка вшита таким образом:

$ (thisSelector).find ('.jouele-info-area').append (
      $ ('<a class="jouele-download jouele-hidden" style="display: none"></a>'),
      $ ('<div class="jouele-play-control"></div>'),
      $ ('<div class="jouele-time"></div>'),
      $ ('<div class="jouele-name">' + thisName + '</div>')
    )

$ (thisSelector).find ('.jouele-download').attr (
          'href',
          $aHref.attr ('href')
        )

* .jouele-download, .jouele-skin-dark .jouele-download {
    background-position: -48px;

.jouele-download {
    position: absolute;
    right: 0;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    margin-right: -3px;
    border: none;
    text-decoration: none;
}

.jouele-unavailable, .jouele-play, .jouele-pause, .jouele-download {
    background: 16px center;
    background: url("i/jouele-sprite.png") no-repeat;
    background: rgba(0, 0, 0, 0) url("i/jouele-sprite.svg") no-repeat;
    background-repeat: no-repeat;
}

А на плеере что мне нужен, сам черт ноги сломает:

Воть!

Эх, может все-таки найдется гений который поможет :-?

Там за вывод кнопки отвечает вторая строка Вашего первого JS-кода. Как-то нужно встроить её.

Сначала приведите в человеческий вид содержимое файла jouele.js с помощью деобфускатора http://jsbeautifier.org/
Должно получиться, что 277 строка имеет такое содержимое: .html(u))]
Между двумя скобками, которые я выделил красным, вставляете это:

, e(document.createElement("div")).html("<a href=''><img src='download.png'></a>")

Появится кнопка. Но опять же под названием трека, а не в правом конце.
А вот от куда выдрать саму ссылку на скачивание, чтобы не прописывать её в этой строке в атрибуте href, я пока не догнал.