메뉴 클릭시(action) 액션 인식으로 음악 자동 재생 하기
페이지 정보
작성자 인바이트미 댓글 0건 조회 150회 작성일 25-11-13 20:43본문
메뉴 클릭시(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>
댓글목록
등록된 댓글이 없습니다.