Page 537 - MDP2022-3

<button type="button" class="btn btn-primary" value="일시정
지" onclick="stop4()">일시정지</button>
<audio id="audio4" src="../static/audios/fiesta.mp3"></audio>
</div>
</div>
</div>
</div>
</div>
<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>찰리푸스 - That's hilarious</b></p>
<div class="f-side">
<img src="../static/images/hilarious.png" alt="찰리푸스 - That'
s hilarious">
<button type="button" class="btn btn-primary" value="재생"
onclick="play5()">재생</button>
<button type="button" class="btn btn-primary" value="일시정
지" onclick="stop5()">일시정지</button>
<audio id="audio5" src="../static/audios/hilarious.mp3"></audi
o>
</div>
</div>
</div>
</div>
</div>
<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>소녀시대 - FOREVER 1</b></p>
<div class="f-side">
<img src="../static/images/forever1.png" alt="소녀시대 - FOR
EVER 1">
<button type="button" class="btn btn-primary" value="재생"
onclick="play6()">재생</button>
<button type="button" class="btn btn-primary" value="일시정
지" onclick="stop6()">일시정지</button>
<audio id="audio6" src="../static/audios/forever1.mp3"></audi
o>
</div>
</div>
</div>
</div>
</div>
</div>
</div>