[css][js][html5] stylowanie audio Opcje

[Mefiuu]

Witam serdecznie forumowiczów !

Próbuję stworzyć stronę, na której będzie możliwość odtwarzania kilku piosenek w mp3. Zastanawiam się czy jest jakaś możliwość ostylowania standardowego taga <audio> z html5 ? Bo szukam po internecie gotowych rozwiązań, trafiłem na amplitude.js oraz na jPlayer ale w każdym trzeba zadeklarować listę utworów w js a ja chcę listę pobierać z bazy. Do tego ma być na stronie kilka tych odtwarzaczy jak już wspomniałem, a w pluginach nie widzę takiej możliwości.

Chcę ostylować htmlowy <audio> bo niepotrzebne mi ani przyciski przewijania, stopowania ani pasek postępu, ani zapętlanie - tylko i wyłącznie start/pauza w jednym przycisku.

Ktoś spotkał się z czymś takim ?

Pozdrawiam !

[mls]

Ostylować - nie.
Obsłużyć za pomocą JS - tak.

[Mefiuu]

znalazłem w sieci rozwiązania z metodami play(); i pause(); jednak coś nie śmiga w połączeniu z jquery.
naskrobałem sobie taki kod:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
	$('button.play').click(function() {
		var music = $(this).next().children();
 
		music.get(0).play();
 
	});
});
[JAVASCRIPT] pobierz, plaintext 

aczkolwiek konsola wyrzuca mi błąd :

TypeError: aaa.get(...).play is not a function
aaa.get(0).play();

wyczytałem że jquery zwraca obiekt w którym nie ma metody play() - dość logiczne. Znalazłęm również informację, że należy użyć get(0) jednak rezultat jest widoczny. Ktoś się orientuje jak mogę wydobyć tę metodę ?

Pozdrawiam !

Ten post edytował Mefiuu 12.02.2015, 19:26:28

[trueblue]

A jak wygląda kawałek html za button.play?

[Mefiuu]

[HTML] pobierz, plaintext 
<div class="player">
	<button class="play"> start</button>
		 <audio controls>
			  <source src="music/mp3/swit.mp3" type="audio/mpeg" id="aaa">
	  		  Your browser does not support the audio element.
		</audio> 
</div>
[HTML] pobierz, plaintext 

tak to wygląda, ten mój kod js ładnie pobiera element <source> ale no wywala ten błąd kurczę

[trueblue]

Wywołujesz metodę na <source>, a powinieneś na <audio>.

[HTML] pobierz, plaintext 
var music = $(this).next()[0];
music.play();
[HTML] pobierz, plaintext 

[Mefiuu]

dziękuję.

czasem na najprostsze rozwiązania najtrudniej wpaść samemu ...

dziękuję jeszcze raz !

pozdrawiam.