페이지에서 여러 오디오 파일 중 하나만 재생할 수있게하려면 어떻게해야합니까?

Question

그래서 한 페이지에 여러 개의 오디오 파일이 있습니다. 나는 한 곡만 동시에 연주 할 수 있도록하는 법을 알고 싶다. 지금은 모든 파일에서 "재생"을 클릭 할 수 있으며 모두 재생을 시작합니다. song1이 연주되고 song2에서 "play"를 클릭하면 song1이 연주를 멈추게 할 수있는 방법이 있습니까?

<table> 
       <tr>      <!--Off The Grid--> 
        <td>Off The Grid</td> 
        <td>     <!--Audio File --> 
         <object width="200px" height="15px"> 
          <param name="src" value="../audio/off_the_grid_michael_pitluk.mp3"> 
          <param name="autoplay" value="false"> 
          <param name="controller" value="true"> 
          <param name="bgcolor" value="#ffffff"> 
          <embed src="../audio/off_the_grid_michael_pitluk.mp3" autostart="false" loop="false" width="75px" height="40px" controller="true" bgcolor="#ffffff"></embed> 
         </object> 
        </td>     <!--End Audio File --> 
       </tr>      <!--End Off the Grid --> 
       <tr>      <!--Far-Sighted--> 
        <td>Far-Sighted</td> 
        <td> 
         <object width="200px" height="15px"> 
          <param name="src" value="../audio/far_sighted_michael_pitluk.mp3"> 
          <param name="autoplay" value="false"> 
          <param name="controller" value="true"> 
          <param name="bgcolor" value="#ffffff"> 
          <embed src="../audio/far_sighted_michael_pitluk.mp3" autostart="false" loop="false" width="75px" height="40px" controller="true" bgcolor="#ffffff"></embed> 
         </object> 
        </td> 
       </tr> 
      </table> 

참고 :이 바로 여기에 내 같은 다른 질문은,하지만 난 모든 코드를 이해하지 못하는

다음은이 노래에 대한 내 기본 코드입니다. 아마도 특정 코드를 배울 필요가있을 것입니다. 누군가 코드 언어가 무엇인지 말해 줄 수 있습니까? Here is the other question. 이 스크립트를 사용하여 스크립트 언어를 배워야합니다.

Answer 1

AFAIK는 오디오 재생을위한 상호 배제를 구현하기 위해 스크립팅이 필요합니다.

언급 한 예는 JavaScript이지만, jQuery 프레임 워크를 사용합니다.

$(document).ready(function(){ 
    $("#play-bt").click(function(){ 
     $("#audio-player")[0].play(); 
    }) 

    $("#stop-bt").click(function(){ 
     $("#audio-player")[0].pause(); 
     $("#audio-player")[0].currentTime = 0; 
    }) 
}) 

그 코드는 event handler "문서가 준비 분석입니다"첨부합니다. 이 핸들러 내에서 두 개의 클릭 이벤트 핸들러가 "재생"및 "중지"버튼에 연결됩니다.

즉, 수동으로 활성화 된 플레이어입니다. 아래의 솔루션은 "모든 것을 종료"기능을 필요에 따라 호출되는 독립적 인 기능으로 이동시킵니다.

DOM 및 DOM events에 대해 자세히 알아보십시오. 그것은 순수한 DOM 및 JavaScript 참조입니다. 인터넷 익스플로러 (특히 이전 버전)를 사용하여 작업하게하려면 jQuery를 사용하여 직접 또는 (훨씬 쉽게) 몇 가지 사항을 조정해야합니다.