Jak dodać odtwarzacz plików mp3 na stronę?


Opis

Odtwarzacze plików mp3, okazują się bardzo przydatne, gdy chcemy szybko opublikować jakąś wiadomość lub utwór muzyczny. Ich dużym plusem jest to, że odsłuchanie pliku dźwiękowego nie wymaga pobrania go na komputer.

Tworzenie odtwarzacza

  1. Będziemy potrzebowali pliku dźwiękowego (np. MP3) umieszczonego w internecie. Można go opublikować np. w: 
  1. Kopiujemy poniższy kod (CTRL+C) do dowolnego edytora tekstowego (CTRL+V):
    <embed id=Player scale="noScale" salign="TL" src="http://mail.google.com/mail/html/audio.swf?audioUrl=MP3_FILE_URL" wmode="opaque" quality="best" bgcolor="#EEEEEE" width="500px" height="27px" name="Player" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />.</embed>
  2. W miejsce MP3_FILE_URL w kodzie wklejamy adres pliku MP3.
  3. Jeszcze raz kopiujemy (zmieniony już) kod i wklejamy go w wybrane miejsce na naszej stronie (oczywiście w edytorze html).
    W Google Sites: 
    1. Klikamy na Wstaw->Więcej gadżetów->Polecane->Embed gadget.
    2. Wklejamy ten kod  w oknie tekstowym, które nam się pojawi.
    3. Ustalamy wysokość gadżetu na 27 pikseli, a szerokość wg uznania.
    4. Zapisujemy gadżet i stronę.

Alternatywna metoda - przy pomocy HTML 5

Uwaga! HTML5 jest przyszłością Intrernetu, jednak na razie metoda ta jeszcze nie działa we wszystkich przeglądarkach i jeszcze nie działa w Google Sites.

W poniższej tabeli zestawione zostały popularne formaty plików dźwiękowych wraz z przeglądarkami, w której odtwarzacz osadzony tym sposobem będzie widoczny.
Format IE 8/9 Firefox Opera 11 Chrome 8.0-... Safari 3.0
Ogg Vorbis Nie Tak Tak Tak Nie
MP3 Nie / Tak Nie Tak Tak Tak
Wav Nie Tak Tak Tak Tak
  1. Będziemy potrzebowali umieszczonego w internecie pliku mp3, ogg lub wav. Można go opublikować np. za pomocą Google Sites (Opis tutaj).
  2. Kopiujemy ten kod do dowolnego edytora tekstowego:
    <audio src="MP3_FILE_URL" controls="controls">
    </audio>
  3. W miejsce MP3_FILE_URL wklejamy adres pliku mp3. 
  4. Zmieniony kod umieszczamy na stronie internetowej w wybranym miejscu.

Comments