Jak konwertować pliki MP3 i osadzać je w kodzie HTML

Pliki muzyczne w formacie cyfrowym są popularnym dodatkiem do stron internetowych, szczególnie w serwisach społecznościowych. Aby muzyka mogła być odtwarzana online, musi być najpierw przekształcona do formatu kompatybilnego z przeglądarkami – najczęściej jest to MP3, ze względu na mały rozmiar i uniwersalną obsługę. Dostępne są darmowe konwertery MP3 oraz programy do ripowania płyt CD. Po pomyślnej konwersji pliki MP3 można dodać do dokumentów HTML lub odtwarzaczy multimedialnych.

Krok 1

Przekonwertuj pliki muzyczne do formatu MP3. Inne rozszerzenia, takie jak WMA czy CDA, nie są prawidłowo obsługiwane w przeglądarkach.

Krok 2

Wgraj pliki MP3 z komputera na serwer internetowy, korzystając z konta hostingowego. Pliki muszą znajdować się na serwerze, zanim zostaną odwołane w kodzie HTML.

Krok 3

Po umieszczeniu pliku w sieci skopiuj jego adres URL. Można to zrobić na dwa sposoby: otworzyć plik w nowej karcie przeglądarki i skopiować wyświetlony adres, albo kliknąć prawym przyciskiem myszy na plik i wybrać „Kopiuj skrót”. Przykładowy adres wygląda tak: https://twojadomena.com/beatit.mp3

Krok 4

Otwórz nowy dokument w Notatniku lub innym edytorze HTML i wklej poniższy kod jako bazę.

Krok 5

Utwórz odnośnik do pliku MP3, aby użytkownicy mogli go pobrać lub odtworzyć. Przykładowy kod HTML:

<a href="https://twojadomena.com/beatit.mp3" download>Pobierz tę piosenkę</a>

Krok 6

Przetestuj odnośnik, zapisując dokument jako plik test.html (w polu „Zapisz jako typ” wybierz „Wszystkie pliki”). Otwórz zapisany plik w przeglądarce – po kliknięciu w link powinno pojawić się okno pobierania i odtworzyć się odtwarzacz multimedialny. Jeśli tak się stanie, kod HTML jest prawidłowy.

Wskazówka

• Do atrakcyjnego prezentowania plików MP3 na stronie warto używać odtwarzaczy multimedialnych. Wiele darmowych odtwarzaczy wymaga podstawowej znajomości HTML lub XML w celu poprawnej integracji. Google i Yahoo udostępniają darmowe odtwarzacze Flash MP3, które można dostosować, modyfikując kod embed.

Ostrzeżenie

• Według Stevena Pembertona, redaktora W3C, aktualne standardy HTML są bardziej rygorystyczne niż w przeszłości. Niepoprawny kod HTML lub XML może nie wyświetlać się prawidłowo w większości przeglądarek.

Co będzie potrzebne

• Pliki muzyczne w formacie MP3
• Konto hostingowe
• Edytor tekstu (np. Notatnik) do tworzenia stron HTML