그래서 저는 코딩에 관해서는 완전한 아마추어이지만 여전히 그것을 조작하는 것을 좋아합니다. 저는 현재 html / jS / PHP 기반 사운드 보드를 작업 중이며 다른 버튼을 재생하기 위해 버튼을 누를 때 사운드 재생을 중지하는 방법을 알아낼 수 없습니다.
<script type="text/javascript" charset="utf-8">
$(function() {
$("audio").removeAttr("controls").each(function(i, audioElement) {
var audio = $(this);
var that = this; //closure to keep reference to current audio tag
$("#doc").append($('<button>'+audio.attr("title")+'</button>').click(function() {
that.play();
}));
});
});
</script>
누군가가 그것을 이해하기를 바랍니다. 미리 감사드립니다. 또한 폴더에서 프런트 엔드로 오디오 파일을 자동으로 가져 오는 PHP 코드가 있으며,이 문제에 대한 불필요한 정보 일 수 있습니다.
HTMLAudioElement 를 도입 한 HTML5를 사용한다면 이것은 그렇게 어렵지 않습니다 .
다음은 수행하려는 작업에 대한 최소 코드입니다.
// Let's create a soundboard module ("sb")
var sb = {
song: null,
init: function () {
sb.song = new Audio();
sb.listeners();
},
listeners: function () {
$("button").click(sb.play);
},
play: function (e) {
sb.song.src = e.target.value;
sb.song.play();
}
};
$(document).ready(sb.init);
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Audio</title>
</head>
<body>
<button value="https://www.gnu.org/music/FreeSWSong.ogg">Song #1</button>
<button value="https://www.gnu.org/music/free-software-song-herzog.ogg">Song #2</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</body>
</html>
개발 과정에서 도움이되는 howler.js 와 같은 라이브러리를 고려할 수도 있습니다 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다