使用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

唯一明顯的方法是使用javascript。

1. 在quicktime插件上啟用javascript控制（以支持較早的瀏覽器）

    <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. 在按鈕的onclick上調用quicktime播放器上的Play方法

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

對我來說，這不是理想的解決方案。 如果您願意的話，我建議您利用HTML5（和JSF 2.2）中提供的新<audio/>標簽。

Answer 2

當您使用ap：media時，此組件沒有關聯的生成ID。 您要做的是將p：media包裝在一個容器上，例如h：panelGrid。 您得到以下信息：

<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進行了測試，並且可以正常工作。