테스트 사이트 - 개발 중인 베타 버전입니다

audio 플레이 관련 질문드립니다. 채택완료

꼴랑2 2년 전 조회 1,927

<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개

채택된 답변
+20 포인트
2년 전

</p>

<p><script src="<a href="http://code.jquery.com/jquery-latest.min.js"></script>" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-latest.min.js"></script></a>

<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></p>

<p><audio src="<a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"" target="_blank" rel="noopener noreferrer">https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"</a> class="player" controls id="player1"></audio></p>

<p><audio src="<a href="https://www.w3schools.com/html/horse.mp3"" target="_blank" rel="noopener noreferrer">https://www.w3schools.com/html/horse.mp3"</a> class="player" controls id="player2"></audio></p>

<p><button type="button" id="btn_sentence">play</button></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인