Как создать функцию JavaScript, которая затухает аудио при наведении мыши? - PullRequest
Новая
       34

Как создать функцию JavaScript, которая затухает аудио при наведении мыши?

0 голосов
/ 12 февраля 2019

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

Как я могу изменить вторую функцию, чтобы она постепенно затухала, а не прекращалась внезапно?

Я смотрел на другие подобные вопросы, но, к сожалению, все еще застрял.

<img onmouseover="PlaySound('mySound')"
    onmouseout="StopSound('mySound')"
    src="tictactoe.png">

<audio id='mySound' src='audio.mp3'/>

<script>
    function PlaySound(soundobj) {
        var thissound=document.getElementById(soundobj);
        thissound.play();
    }

    function StopSound(soundobj) {
        var thissound=document.getElementById(soundobj);
        thissound.pause();
        thissound.currentTime = 0;
    }
</script>

Работает эффективно, как есть, но было бы неплохо добавить элемент затухания.Я знаю, что это настройка громкости с течением времени, но я не уверен, как это сделать.

1 Ответ

0 голосов
/ 12 февраля 2019

Вы пытались использовать setInterval() и уменьшить thissound.volume до 0, а затем pause()?

также, возможно, было бы неплохо увеличить начало звука

...