Standard HTML5 obsługuje dwa różne mechanizmy prezentacji plików audio. Połącz plik MP3, udostępniając go do pobrania lub osadź go w taki sposób, aby ludzie mogli cieszyć się muzyką z odtwarzacza audio na stronie.
Dostępność dźwięku
Plik MP3 musi być dostępny w Internecie, aby połączenie lub osadzony obiekt mógł zostać pomyślnie uruchomiony. Jeśli plik MP3 jest już online, skopiuj bezpośredni adres URL do pliku. Ten adres URL musi prowadzić do zasobu multimedialnego; nie może to być strona, z którą powiązany jest zasób.
W przypadku własnych plików MP3 musisz użyć narzędzia do przesłania pliku z komputera na internetowy serwer plików. Większość ludzi używa FTP, SFTP lub SSH do przesyłania plików MP3 do swojej witryny, chociaż jeśli Twoja witryna korzysta z systemu zarządzania treścią, takiego jak WordPress, CMS obsługuje narzędzie do przesyłania wskaż i kliknij.
Dodawanie MP3 do Twojej strony internetowej
Mając pod ręką adres URL, możesz dodać plik MP3 do swojej witryny. Jeśli Twoje narzędzie do tworzenia stron obsługuje interfejs typu „wskaż i kliknij”, użyj go — ponieważ każdy z nich jest inny, zapoznaj się z dokumentacją CMS w celu uzyskania szczegółowych procedur.
Niezależnie od GUI, ręczne edycje kodu HTML zawsze działają konsekwentnie.
Tworzenie łącza
Link, który otwiera plik multimedialny w nowej karcie lub pobiera go na komputer odwiedzającego, opiera się na standardzie Kotwica etykietka. Element HTML składa się zatem z tagów kotwicy, adresu URL pliku MP3, tekstu aktywującego hiperłącze i parametrów opcjonalnych. Na przykład, aby pobrać podcast.mp3 poprzez link zatytułowany Pobierz program!, użyj następującego elementu HTML:
Pobierz program!
Ten element wymusza pobranie MP3. Aby umożliwić otwarcie MP3, usuń Ściągnij atrybut na końcu adresu URL MP3.
Osadzanie pliku audio
Aby użyć HTML5 do osadzenia małego odtwarzacza audio, użyj audio element. Ponieważ niektóre przeglądarki tego nie obsługują, każdy tekst zawarty w elemencie jest wyświetlany, jeśli przeglądarka nie może wyświetlić odtwarzacza audio.
Twoja przeglądarka nie obsługuje znacznika audio.
audio element zawiera kilka standardowych atrybutów:
- Automatyczne odtwarzanie: jeśli określono w tagu, dźwięk jest odtwarzany zaraz po załadowaniu i gotowości, niezależnie od interakcji użytkownika z osadzonym odtwarzaczem audio.
- Sterownica: Wyświetla podstawowe elementy sterujące, w tym przycisk odtwarzania/pauzy i łącze pobierania.
- Pętla: Jeśli określono, pętla ciągle odtwarza dźwięk.
- Wyciszony: Wycisza wyjście audio.