PRIMEFACES 버튼 클릭으로 MP3 재생하기?

Question

나는 정사각형으로 버튼을 클릭하여 미디어 mp3를 재생하고 싶습니다. 가능합니까? 나는 미디어 태그를 업데이트하려고하지만 페이지가 소리가 큰 재생로드 할 때 작동하지 않습니다,하지만 난 클릭 이벤트

<h:form> 
     <p:commandButton value="play" update="media"/> 

     <p:media id="media" value="/resources/sounds/ding.mp3" player="quicktime" style="visibility: hidden;"> 
       <f:param name="autoPlay" value="true" /> 
     </p:media> 
    </h:form> 

Answer 1

유일한 명백한 방법은 자바 스크립트와 후 다시 소리를합니다.

1. <p:media id="media" value="/resources/sounds/ding.mp3" player="quicktime" style="visibility: hidden;"> 
        <f:param name="autoPlay" value="true" /> 
        <f:param name="enablejavascript" value="true"/> 
   </p:media> 
   

2. 호출 버튼

   <p:commandButton onclick="document.media.Play();" value="play" update="media"/> 
   

의 onclick의 퀵타임 플레이어의 Play 방법 (오래된 브라우저 지원을 위해) 퀵타임 플러그인에 자바 스크립트 컨트롤 사용

나에게 이것은 이상적인 솔루션이 아닙니다. 오픈 한 사용자라면 HTML5 (및 JSF 2.2)에서 사용할 수있는 새로운 <audio/> 태그를 활용하는 것이 좋습니다

Answer 2

p : media를 사용할 때이 구성 요소에 대해 생성 된 ID는 없습니다. 당신이 원하는 것은 h : panelGrid와 같은 컨테이너에 p : media를 래핑하는 것입니다. 다음과 같이 표시됩니다.

<h:form> 
    <p:commandButton value="play" update="mediaPanel"/> 
    <h:panelGrid id="mediaPanel"> 
    <p:media id="media" value="/resources/sounds/ding.mp3" player="quicktime" 
      style="visibility: hidden;"> 
     <f:param name="autoPlay" value="true" /> 
    </p:media> 
    </h:panelGrid> 
<h:form> 

PF5.0을 사용하여 테스트 한 결과 작동합니다.