오디오 파일 재생 관련 문의 드립니다.

오디오 파일 재생 관련 문의 드립니다.

QA

오디오 파일 재생 관련 문의 드립니다.

본문

페이지에서 버튼을 눌러 오디오파일을 재생 하려면 어떻게 해야 하는지 궁금합니다.

이 질문에 댓글 쓰기 :

답변 4

다음 url 에서 버튼만 추가된 예제코드 입니다.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio

 


<figure>
    <figcaption>Listen to the T-Rex:</figcaption>
    <audio
        controls
        src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3">
            <a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3">
                Download audio
            </a>
    </audio>
    <button onclick="this.previousElementSibling.play();">play</button>
</figure>

<audio id="audioPlayer" src="https://blog.kakaocdn.net/dn/bGB8pq/btrKIsxLjmA/KSKcm4b0siTTIRNIf60ank/tfile.mp3" controls></audio>
<br>
<button type="button" style="cursor:pointer" onclick="audioPlayer.play()">재생</button>
<button type="button" style="cursor:pointer" onclick="audioPlayer.pause()">정지</button>

<button id="btnPlay">재생 버튼</button>
<script>
const myAudio = new Audio();
myAudio.src = "./audio/bg.mp3";
const btnPlay = document.getElementById("btnPlay");
btnPlay.onclick = function () { myAudio.play(); }
</script>
답변을 작성하시기 전에 로그인 해주세요.
전체 10,639
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT