이전 목록 다음
채택완료

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

강강남멋장이
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-03-25 (토) 22:58:55 3,391

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

그누보드5 영카트5 그누보드4 php
|

답변 4개

채택된 답변
+20 포인트
배배르만
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-03-25 (토) 23:07:34

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

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

Copy 
<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>
강강남멋장이
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-03-30 (목) 02:29:05

답변 주신분들 감사드립니다. 복 많이 받으십시요.

한한똘
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-03-26 (일) 16:35:52
Copy 
<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>
비비타주리
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-03-26 (일) 00:37:23
Copy 
<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>

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