메뉴 클릭시(action) 액션 인식으로 음악 자동 재생 하기

메뉴 클릭시(action) 액션 인식으로 음악 자동 재생 하기

조건

1. 자동 재생 중이면 계속 자동 재생
2. 재생중이 아닐 경우 메뉴 클릭 시 음악 재생

3. 사용자가 음악 OFF 시에는 메뉴 클릭 해도 음악 재생 안 함
 

<?php include_once('header.php'); ?>

<body>

<button onclick="PlayStop()" type="button" id="musicb">Music On/Off</button>

<audio id="audioID" autoplay loop>

<source src="music.mp3?ver=<?php echo $today; ?>" type="audio/mp3">

</audio>

<script>

var myaudio = document.getElementById("audioID");

var userStopped = false;

function PlayStop() {

if (!myaudio.paused) {

myaudio.pause();

userStopped = true;

} else {

myaudio.play();

userStopped = false;

}

}

function playOnLinkClick() {

if (myaudio.paused && !userStopped) {

myaudio.play();

}

}

</script>

<div class="swiper-container">

<div class="swiper-wrapper">

<div class="swiper-slide imagemap">

<img src="images/main.png?ver=<?php echo $today; ?>">

<a class="link01" href="menu01.php" target="_BLANK" onclick="playOnLinkClick()"></a>

<a class="link02" href="menu02.php" target="_BLANK" onclick="playOnLinkClick()"></a>

<a class="link03" href="menu03.php" target="_BLANK" onclick="playOnLinkClick()"></a>

<a class="link04" href="myseat.php" target="_BLANK" onclick="playOnLinkClick()"></a>

</div>

</div>

</div>

</body>

</html>