mp3 player html5

mp3 player html5
SieUczeSie
SieUczeSie
0

Siemka czemu piosenka nie działa mam taki kod

Kopiuj
 <audio src="songs/bob.mp3" controls="true" loop="true" autoplay="true"></audio>

Klikam na play zmienia się on na znaczek pauzy ale muzyka nie leci co robię źle? Ścieżka do piosenki jest dobra

Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj
dzek69
dzek69
dzek69
dzek69
Moderator
  • Rejestracja:ponad 18 lat
  • Ostatnio:29 dni
  • Lokalizacja:Rzeszów
2

MP3 nie jest z tego co kojarzę takim darmowym i otwartym formatem, więc przeglądarki korzystają zamiast tego z formatu OGG. Przekonwertuj plik do tego formatu.

Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj
Ktos
Ktos
Ktos
Ktos
Moderator
  • Rejestracja:prawie 23 lata
  • Ostatnio:około 13 godzin
0

Format MP3 działa w IE, Chrome i Safari. Firefox i Opera oczekują OGG... którego nie obsługuje IE i Safari :-D (ale da się zrobić dwa elementy <source> wewnątrz audio)

Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj
stinger_t
ST
stinger_t
ST
  • Rejestracja:około 12 lat
  • Ostatnio:ponad 11 lat
  • Postów:11
0

Tak jak kolega wyżej napisał, mp3 tylko w IE (i to od wersji 9) oraz Chrome i Safari.

W internecie znajdziesz wiele darmowych konwerterów na OGG więc nie powinno być problemu.

Kopiuj
<audio controls loop autoplay> 
  <source src="songs/bob.ogg" type="audio/ogg" />
  <source src="songs/bob.mp3" type="audio/mpeg" />
</audio>

Warto dodać odtwarzacz Flash'a aby starsze przeglądarki również mogły "odtworzyć" utwór :)

Druga kwestia, że po "controls", "loop" oraz "autoplay" nie widzę sensu pisania "true".

ŁF
Ty nie widzisz sensu, ale wtedy kod jest zgodny z xhtml i tym samym przyjemniejszy dla oka.
ST
Jesteś pewny, że jest to zgodne ze specyfikacją HTML5? bo tego języka dotyczyło to pytanie ;)
ŁF
owszem. http://www.w3.org/wiki/HTML/Elements/audio#HTML_Attributes. fakt, że zamiast true powinna być powtórzona nazwa atrybutu pomińmy milczeniem
ST
dlatego pytałem, czy jest to zgodne ze specyfikacją...opisanie atrybutu jako "true" nie jest zgodne ze specyfikacją. Dany atrybut jest typu Boolean, czyli prawda lub fałsz, ale nie nadajemy mu takiej wartości. Powinno być: pusty ciąg znaków, powtórzenie atrybutu w "" lub tak jak napisałem....zgadza się?
ŁF
tak - tak samo, jak i z innymi wartościami pokroju checked, selected, readonly...
Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.

Utwórz konto