Audio w HTML 5

Odpowiedz Nowy wątek
2012-09-14 18:59
0

Witam,

Chciałbym użyć tagu "audio" w html5, ale w taki sposób że jedna by była kontrolka a pod nią podpięte wiele plików do odtwarzania. Efekt na rysunku :
Image and video hosting by TinyPic

Tak że klikam na Audio wybrane i się odtwarza w kontrolce domyślnej.
Bardzo proszę o pomoc.

Pozostało 580 znaków

2012-09-14 19:43
3
<script>
  function $(id) { var el = document.getElementById(id); if (el) return el; }
  function switch_audio(obj, id) {
    var o = $(id);
    if (o) {
      o.src = obj.href;
    }
    return false;
  }
</script>
<audio id="myaudio" src=""></audio>
<a onclick="return switch_audio(this, 'myaudio');" href="link/do/pliku.ogg">Audio 1.</a><br />
<a onclick="return switch_audio(this, 'myaudio');" href="link/do/pliku2.ogg">Audio 2.</a><br />
<a onclick="return switch_audio(this, 'myaudio');" href="link/do/pliku3.ogg">Audio 3.</a>

Oczywiście onclick jest brzydki i powinieneś bindować eventy w javascripcie, a nie takie coś. Ale ideę masz.


Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0