audio 플레이 관련 질문드립니다.
본문
<audio src="<?php echo G5_URL?>/data/voca/600_1_word_1/a.mp3" class="player" controls id="player1" style="display:none"></audio>
<audio src="<?php echo G5_URL?>/data/voca/600_1_word_1/act.mp3" class="player" controls id="player1" style="display:none"></audio>
현재 위 첫번째 audio 파일이 잘 플레이 되고 있습니다.
여기서, btn_sentence 라는 클래스를 가진 버튼을 클릭한후 플레이를 눌렀을때
첫번째 파일 대신 두번째 파일이 플레이 되고자 하는데, 검색을 해봐도 마땅한 레퍼런스를
찾을 수 없어서 도움말씀 듣고자 질문올립니다.
$("#btn_sentence").on("click", function() {
if () {
} else {
}
팁이나 참고가 될만한 링크좀 부탁드립니다.
감사합니다.
답변 1
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
function toggle_play() {
var player1 = document.getElementById('player1');
var player2 = document.getElementById('player2');
if (player1.paused == true) {
player2.pause();
player2.currentTime = 0;
player1.play();
} else {
player1.pause();
player1.currentTime = 0;
player2.play();
}
}
$(function () {
$("#btn_sentence").on("click", function() {
toggle_play();
});
});
</script>
<audio src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" class="player" controls id="player1"></audio>
<audio src="https://www.w3schools.com/html/horse.mp3" class="player" controls id="player2"></audio>
<button type="button" id="btn_sentence">play</button>
답변을 작성하시기 전에 로그인 해주세요.