답변 4개
채택된 답변
+20 포인트
2년 전
다음 url 에서 버튼만 추가된 예제코드 입니다.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
</p>
<p><figure>
<figcaption>Listen to the T-Rex:</figcaption>
<audio
controls
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>
<a href="<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>
Download audio
</a>
</audio>
<button onclick="this.previousElementSibling.play();">play</button>
</figure></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
2년 전
</p>
<p><button id="btnPlay">재생 버튼</button></p>
<p><script></p>
<p>const myAudio = new Audio();</p>
<p>myAudio.src = "./audio/bg.mp3";</p>
<p>const btnPlay = document.getElementById("btnPlay");</p>
<p>btnPlay.onclick = function () { myAudio.play(); }</p>
<p></script></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
2년 전
</p>
<p><audio id="audioPlayer" src="<a href="https://blog.kakaocdn.net/dn/bGB8pq/btrKIsxLjmA/KSKcm4b0siTTIRNIf60ank/tfile.mp3"" target="_blank" rel="noopener noreferrer">https://blog.kakaocdn.net/dn/bGB8pq/btrKIsxLjmA/KSKcm4b0siTTIRNIf60ank/tfile.mp3"</a> controls></audio>
<button type="button" style="cursor:pointer" onclick="audioPlayer.play()">재생</button>
<button type="button" style="cursor:pointer" onclick="audioPlayer.pause()">정지</button></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인