Page 535 - MDP2022-3
P. 535
var audio = document.getElementById("audio5");
audio.pause();
}
function play6() {
var audio = document.getElementById("audio6");
audio.play();
}
function stop6() {
var audio = document.getElementById("audio6");
audio.pause();
}
</script>
</head>
<body>
<header class="py-2">
<div class="container px-lg-5">
<div class="p-4 p-lg-1 bg-light rounded-3 text-center">
<div class="m-4 m-lg-5">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4
"><i class="bi bi-music-note-beamed"></i></div>
<h1 class="display-5 fw-bold">기상송</h1>
<p class="mb-0 fs-5">기상송 선택</p>
</div>
</div>
</div>
</header>
<section class="pt-4">
<div class="container px-lg-5">
<div class="row gx-lg-5">
<div class="col-lg-4 col-xxl-4 mb-5">
<div class="card bg-light border-0 h-100">
<div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
<div style="margin-top: 30px;"></div>
<div class="f">
<p><b>최예나 - Smiley</b></p>
<div class="f-side">
<img src="../static/images/smiley.png" alt="최예나 - Smiley">
<button type="button" class="btn btn-primary" value="재생"
onclick="play1()">재생</button>
<button type="button" class="btn btn-primary" value="일시정
지" onclick="stop1()">일시정지</button>
<audio id="audio1" src="../static/audios/smiley.mp3"></audio>
</div>
</div>
</div>
</div>
