2014-08-31 3 views
-2

Я задавался вопросом, почему я не могу изменить анимационный файл. Моя цель состоит в том, чтобы песня активизировалась при нажатии кнопки и исчезла с нулевой громкости до максимального объема в течение 8-10 секунд.JQUERY music animate

В html-файле у меня есть аудиофайл с id = "music". У меня также есть кнопка с классом = "play". Я точно знаю, что кнопка работает, потому что у меня есть другой код в файле js, который использует эту кнопку. я однако включать только код, о музыке, в файле JS:

$(document).ready(function() { 
    $('.play').click(function(){ 
     $("#music").animate({volume: 1}, 1000); 
    }); 
}); 

музыка даже не начинается.

+0

Проверить здесь http://stackoverflow.com/questions/8489710/play-an-audio-file-using-jquery-when-a-button-is-clicked –

+1

Сначала вам нужно ** воспроизвести ** аудио. Кроме того, '.animate()' только для анимации числового стиля CSS. 'volume' (что бы это ни было) не CSS – Ian

+0

@OzanDeniz, это только то, как вы играете музыку, мне удалось использовать эту ссылку. Но моя цель - оживить музыку, чтобы она начиналась с объема 0 и заканчивалась на максимальной громкости. – Smebbs

ответ

0

Вы можете использовать метод setTimeOut. В каждые x секунд вы можете уменьшить или увеличить громкость.

Проверить здесь: http://www.w3schools.com/js/js_timing.asp

+0

Хм, как бы я написал сценарий, который изменил громкость? – Smebbs

0
var value=0 

function PlayAudio(){ 

    setTimeout(function(){ 

       document.getElementById("music").volume = (value/100); 
       value = value + 20 

       if(value!==100) 
        PlayAuido() 

      }, 3000); 
} 
+0

Да, я написал сценарий, подобный этому. А также попытался выровнять копию этой копии. Но это не работает. – Smebbs