javascript - Flash HTML5 Canvas 的音频。暂停和恢复功能条件

Question

尽管有我的读物，但仍使用Flash html5 canvas限制了javascipt / soundJS语法。我想在同一按钮上通过mouseover和mouseout事件暂停并恢复声音。我的意思是:

您将鼠标悬停在该按钮上:音乐开始。

您将鼠标移出:音乐暂停。

您再次将其悬停:它将从优先暂停的位置恢复。

根据SoundInstance Class doc，您可以使用myInstance.pause();和myInstance.resume();方法。我想是“声音变化”；因为sound.pause();有效，所以行为类似于“myInstance”。

使用下面的js代码，我可以暂停声音并恢复声音，但是不能在同一按钮上，我需要一个button_2来完成。

我认为我在“鼠标悬停”功能中缺少“检查声音是否暂停，然后恢复它或开始播放”的条件。

var sound;
function fl_MouseOverHandler(){  
    sound = playSound("monstres"); 
}  
this.mybutton.addEventListener("mouseover", fl_MouseOverHandler);  


function fl_MouseOutHandler()  { 
    sound.pause();  
} 
this.mybutton.addEventListener("mouseout", fl_MouseOutHandler);  

function fl_MouseOverHandler_2(){  
    sound.resume();
}  
this.mybutton_2.addEventListener("mouseover", fl_MouseOverHandler_2);

欢迎任何提示或链接。谢谢。

Answer 1

那这样的东西呢？

var isPlaying = false;

function togglePlayback(){
    if(isPlaying){
        isPlaying = false;
        sound.pause();
    } else {
        isPlaying = true;
        sound.resume();
    }
}

this.some_button.addEventListener("some_event", togglePlayback );