[jme] Problem integrating controls with API

[jme] Problem integrating controls with API

Hello.

I have a problem when trying to use both controls an API to control my audio element - It seems as if the connection between the controls and the element is lost.


I have the following code copied from one of your demos for the audio player slightly modified (no sources inside the audio element):
  1. <div class="media-player">
        <audio id="auscplayer" controls="controls">
        </audio>
        <div class="media-controls">
             <a class="play-pause"><span class="ui-icon"> </span><span class="button-text">play / pause</span></a>
              <span class="current-time player-display">00:00</span>
               <div class="timeline-slider">
                    <span class="handle-label">play position</span>
                    <div class="progressbar"></div>
               </div>
               <span class="duration player-display">00:00</span>
                <a class="mute-unmute"><span class="ui-icon"> </span><span class="button-text">mute / unmute</span></a>
                <div class="volume-slider"><span class="handle-label">volume control</span></div>
        </div>
    </div>













The controls load and display OK with:
  1. $('div.media-player').jmeControl();
When the user clicks some element on the page the following code is executed:
  1. $('#auscplayer').pause();
    $('#auscplayer').attr('src','dbwav.ashx?sid='+sessionId+'&mid='+this.name);
    $('#auscplayer').loadSrc().play(); 

What happens is that the audio will play OK. Even the play/pause button will display the pause icon. However the controls will not work. The duration and position will not change. Trying to click the pause button or the mute button will not work. Trying to change the volume will not work.

Any suggestions? Is this a bug?

I'm using FF 3.6.13

Thanks
Sebastian