Как скачать аудио файл из плейлиста?

Question

У меня есть список воспроизведения аудиофайлов с кнопкой воспроизведения слева и кнопкой загрузки справа. Когда вы нажимаете кнопку загрузки, он просто воспроизводит аудиофайл и не загружает файл. Почему файл не загружается?

Вот мой список воспроизведения аудио с кнопкой загрузки (для простоты показан только 1 аудиофайл):

                   <ol class="playlist">
                       <li>
                          <div class="as-link" data-src="/mp3/Ethereum.wav">
                             <!--Row-->
                             <div class="row">
                                <div class="col-lg-6 col-md-6 ">
                                   <div class="block-track">
                                      <h6 class="mb-0 opc-70 uppercase">Ethereum</h6>
                                      <span>Steffi Blümchen </span>
                                   </div>
                                </div>
                                <div class="col-lg-6 col-md-6 text-md-right">
                                   <a href="/mp3/Ethereum.wav" download="true" class="btn-s uppercase btn btn-primary with-ico" ><i class="icon-download"></i>Download</a>
                                </div>
                             </div>
                          </div>
                       </li>

                   </ol>

Answer 1

Если вы готовы использовать JavaScript, вы можете попробовать этот код.

Ваш HTML

<ol class="playlist">
                       <li>
                          <div class="as-link" data-src="/mp3/Ethereum.wav">
                             <!--Row-->
                             <div class="row">
                                <div class="col-lg-6 col-md-6 ">
                                   <div class="block-track">
                                      <h6 class="mb-0 opc-70 uppercase">Ethereum</h6>
                                      <span>Steffi Blümchen </span>
                                   </div>
                                </div>
                                <div class="col-lg-6 col-md-6 text-md-right">
                                   <a href="#" onclick="download('/mp3/Ethereum.wav')" download="true" class="btn-s uppercase btn btn-primary with-ico" ><i class="icon-download"></i>Download</a>
                                </div>
                             </div>
                          </div>
                       </li>

                   </ol>

Скрипт для скачивания

<script>
function download( filename) {
  var a = document.createElement("a");
  a.href = filename;
  a.setAttribute("download", filename);
  var b = document.createEvent("MouseEvents");
  b.initEvent("click", false, true);
  a.dispatchEvent(b);
  return false;
}

download("a.mp3");
</script>