Dźwięk Szablony HTML

Przejrzyste szablony HTML dla dźwięku

Szablony HTML dla dźwięku oferują gotowy układ dla treści audio, który można wizualnie dostosować w Nicepage, wyeksportować jako pliki HTML i przesłać na własny serwer. Taki format doskonale sprawdza się w archiwum podcastu, na liście utworów producenta lub w zbiorze nagrań przyrodniczych. Każde z nich wymaga słów obok dźwięku, ponieważ sam przycisk odtwarzania niewiele wyjaśnia.

Powtarzalne karty nagrań w kodzie

Dobry szablon zamyka tytuł, odtwarzacz i notatki do jednego utworu w pojedynczym bloku kodu. Dzięki temu podczas kopiowania żaden element nie przesuwa się w stronę kolejnego nagrania. Wyróżniony utwór może zawierać dużą okładkę i dłuższy opis, z kolei obszerny zestaw efektów dźwiękowych lepiej prezentuje się w formie kompaktowych kart. Precyzyjne tytuły również mają znaczenie: określenie „Lekki deszcz na drewnianym ganku” mówi odbiorcy znacznie więcej niż ogólny „Deszcz”.

Typową sekcję efektów dźwiękowych można przygotować w kilku krokach:

1. Nazwij pierwszy efekt w prosty sposób, dołącz jego plik lub źródłowy adres URL i dodaj informację o zasadach ponownego wykorzystania dźwięku.
2. Zduplikuj przygotowaną kartę dla każdego kolejnego efektu.
3. Upewnij się, że każda kopia wskazuje na właściwy plik, ponieważ zduplikowany blok może niepostrzeżenie zachować źródło poprzedniego nagrania.

Edycja kodu po wyeksportowaniu

Większość zmian wprowadza się w edytorze wizualnym Nicepage, modyfikując teksty i konfigurując bloki audio bez konieczności otwierania pojedynczych plików. Praca z kodem HTML zaczyna się w momencie eksportu, gdy projekt opuszcza Nicepage w postaci plików stron wraz ze skryptami i grafikami. W tych plikach można modyfikować kod, a następnie opublikować je na własnym serwerze lub przekazać programiście.

Na tym etapie pliki audio wymagają szczególnej uwagi:

1. Pliki przesyłane przez element audio mają limit wielkości do 10 MB, dlatego dłuższe nagrania lepiej podłączać za pomocą adresu URL.
2. Zewnętrzne adresy URL do plików audio muszą pozostać publiczne, inaczej po publikacji odtwarzacz nie wyemituje dźwięku.
3. Ścieżki względne mogą ulec uszkodzeniu, jeśli zmienisz strukturę katalogów na serwerze.

Sprawdzanie odtwarzania na działającym serwerze

Szybki podgląd w aplikacji desktopowej może blokować odtwarzanie ze względu na ograniczenia przeglądarki, dlatego właściwy test należy przeprowadzić po przesłaniu plików na serwer. Na smartfonie upewnij się, że każdy odtwarzacz zachowuje czytelną szerokość, a długie tytuły zawijają się, nie wypychając przycisków sterowania. Sprawdź, czy do każdego odtwarzacza da się dotrzeć wyłącznie za pomocą klawiatury. Notatki powinny opisywać to, co rzeczywiście słychać, ponieważ etykieta typu „spokojny” niemal nic nie mówi osobie, która nie może odsłuchać nagrania. Ścieżki zawierające mowę wymagają transkrypcji, gdyż odtwarzacz nie wygeneruje jej automatycznie.

Szablon HTML dla dźwięku jest gotowy, gdy pliki poprawnie wgrywają się na serwer, a każdy link audio działa bezbłędnie. Jeśli dwa projekty wyglądają podobnie, dłużej zachowa wartość ten, który wymaga mniej poprawek w kodzie.