Javascript
[jQuery] 백그라운드에서 audio 재생 및 일시정지 하기
- 2022.04.19 13:30:12
 audio 상자 노출 없이 백그라운드에서 재생 또는 일시정지 시킬 수 있는 기본 예제 코드. 버튼을 html로 하나 만들어두고 버튼을 한번 클릭시 재생, 한번 더 클릭하는 경우 일시정지 시킬 수 있다. [!]jQuery[/!] $(function() {
var audio_source = new Audio('/images/main/songs.mp3'); var audio_state = 0; $('#aside .play').click(function(e) { e.preventDefault(); // play if (audio_state == 0) { audio_source.loop = true; // 반복재생 audio_source.volume = 0.7; // 볼륨 audio_source.play(); audio_state = 1; } else if (audio_state == 1) { audio_source.pause(); audio_state = 0; } }) }) [!]HTML[/!] <aside id="aside">
<a href="#" class="play">음악재생</a> </aside> |