jQuery + html5 ... přehrávání zvuku při klikání na oprázky.

Nastavenie currentTime funguje len vtedy, ak server podporuje streamovanie (byte range requesty). Potom by ti malo fungovať toto:

  .mouseup(function() {
    var audio = $("#beep-two" + $(this).data("beeper"))[0];
    audio.pause();
    audio.currentTime = 0;
  });

Prípadne môžeš skúsiť nahradiť ten audio element klonom, vtedy sa to audio stiahne znova a začne od začiatku (ak by si nastavil správne hlavičky pre kešovanie, tak by to nemuselo sťahovať to audio znova):

  .mouseup(function() {
    var $audio = $("#beep-two" + $(this).data("beeper"));
    $audio[0].pause();
    $audio.replaceWith($audio.clone());
  });

tak to právě, že nefunguje pokud jste to myslel takhle :

<script>$("#nav-two a")
              .each(function(i) {
                if (i != 0) { 
                  $("#beep-two")
                    .clone()
                    .attr("id", "beep-two" + i)
                    .appendTo($(this).parent()); 
                }
                $(this).data("beeper", i);
              })
              .mouseup(function() {
                $("#beep-two" + $(this).data("beeper"))[0].play();
              });
               .mouseup(function() {
                var audio = $("#beep-two" + $(this).data("beeper"))[0];
                audio.pause();
                audio.currentTime = 0;
              });
            $("#beep-two").attr("id", "beep-two0");</script>

Nastavenie currentTime funguje len vtedy, ak server podporuje streamovanie (byte range requesty).

já měl za to že ty zvuky se přenesou na stranu klienta a tam už jsou... takže to pak nemá se serverem nic společného ne?? Ale taky je možný že v tom mám zmatek. jinak je to můj server takže to tak klidně můžu nastavit jak chci. ovšem myslím že to podporuje protože třeba tohle :

 <script src="(URL address blocked: See forum rules)"></script>

    <div class="birds">
    <audio src="piano/C5.ogg" preload="auto"></audio>
    </div> 

    <script language="javascript" src="(URL address blocked: See forum rules)"></script>

    <script type="text/javascript">
    $(function(){
    var birdhover     = $('.birds');
        var birdaudio = birdhover.find('audio')[0];

    birdhover.hover(function(){
       birdaudio.play();
    }, function(){
       
       var audioElm = document.getElementById('soundTour');
       birdaudio.currentTime=0;
       birdaudio.pause();

    });
});
    </script>

... mi funguje v pohodě.

OPRAVA : šaptně jsem to sem okopírovat... nicméně to nefunguje ani takhto :

<script>$("#nav-two a")
              .each(function(i) {
                if (i != 0) { 
                  $("#beep-two")
                    .clone()
                    .attr("id", "beep-two" + i)
                    .appendTo($(this).parent()); 
                }
                $(this).data("beeper", i);
              })
              .mousedown(function() {
                $("#beep-two" + $(this).data("beeper"))[0].play();
              });
               .mouseup(function() {
                var audio = $("#beep-two" + $(this).data("beeper"))[0];
                audio.pause();
                audio.currentTime = 0;
              });
            $("#beep-two").attr("id", "beep-two0");</script>

Případně asi by bylo lepší kdyby to fungovalo tak že při každym kliknutí se ten zvuk přehraje od znova... ale to se mi taky nedaří udělat... vždycky to čeká až do té doby než ten co hraje dohraje.

aha

<script>$("#nav-two a")
              .each(function(i) {
                if (i != 0) { 
                  $("#beep-two")
                    .clone()
                    .attr("id", "beep-two" + i)
                    .appendTo($(this).parent()); 
                }
                $(this).data("beeper", i);
              })
              .mousedown(function() {
                var audio = $("#beep-two" + $(this).data("beeper"))[0];
                
                audio.pause();
                audio.currentTime = 0;
                
                audio.play();
              });

            $("#beep-two").attr("id", "beep-two0");</script>

teď musim přemýšlet o tom jestli je to ale ideální

Tú bodkočiarku pred ".mouseup" tam dúfam nemáš, lebo s ňou to fungovať nemôže (syntaktická chyba). Ja som to skúšal v Chrome iba s lokálnym node.js serverom a nastavenie audio.currentTime mi tam nefungovalo.

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<section id="two">
	<div class="inside">
		<div id="nav-two" class="nav">
			<audio id="beep-two">
				<source src="piano/E5.mp3"></source>
				<source src="piano/E5.ogg"></source>
				Váš prohlížeč toto bohužel nepodpořil. :o/ Pořiďte si nový.
			</audio>
			<a>E</a>
		</div>
	</div>
</section>
<script>
$("#nav-two a")
	.each(function(i) {
		if (i != 0)
			$("#beep-two")
				.clone()
				.attr("id", "beep-two" + i)
				.appendTo($(this).parent()); 
		$(this).data("beeper", i);
	})
	.mousedown(function() {
		$("#beep-two" + $(this).data("beeper"))[0].play();
	})
	.mouseup(function() {
		var $audio = $("#beep-two" + $(this).data("beeper"));
		$audio[0].pause();
		$audio[0].currentTime = 0;
		//$audio.replaceWith($audio.clone());
	});
$("#beep-two").attr("id", "beep-two0");
</script>