Воспроизведение/пауза музыки с fade in/fade out с javascript

Question

Я хочу иметь два div для воспроизведения и паузы mp3-файла, поэтому, когда вы нажимаете «играть», звук затухает и когда вы нажимаете «пауза» звука исчезает. Звук должен быть зациклен, но без автовоспроизведения (музыка не должна воспроизводиться до тех пор, пока пользователь не нажмет кнопку «играть» (div).

Пробовал .animate({volume: 0.0}, 1000);, но не смог заставить его работать полностью с петлей. , но не нашли ничего, что соответствует моей цели ...

Answer 1

я наконец сделал это так:

$(document).ready(function() { 

    $('#tone').prop("volume", 0.0); 

    $('.play').click(function() { 
    $('#tone').animate({volume: 1.0}, 1500); 
    }); 

    $('.pause').click(function() { 
    $('#tone').animate({volume: 0.1}, 1500); 
    }); 

}); 

и

<audio id="tone" preload="auto" src="tone-2.mp3" autoplay loop></audio> 

Так что я на самом деле есть песня р с самого начала, но приглушенный до нажата кнопка «играть».