Mp3 Speler HTML-sjablonen

Gebruiksklare MP3-speler HTML-templates voor ingesloten audio

MP3-speler HTML-templates bieden een complete lay-out met ruimte voor een functionele audiospeler. De audio kan een nummer, een volledige podcastaflevering of een stemdemo zijn. Het ontwerp kan direct in Nicepage worden bewerkt. U voert de trackgegevens in, koppelt de speler aan uw MP3-bestand en exporteert de pagina als HTML voor uw eigen hosting.

Wat een complete audiosectie bevat

Neem een sessiegitarist die één MP3 op haar portfoliopagina wil plaatsen. Ze heeft een duidelijke plek nodig voor de speler, waarbij de titel en haar naam als echte tekst worden weergegeven. Woorden die in een coverafbeelding zijn verwerkt, verdwijnen zodra de afbeelding niet kan worden geladen. Lay-outs verschillen in de manier waarop ze bepaalde details verwerken:

• Een tekstgedeelte naast de speler waarmee de opname ook zonder artwork herkenbaar blijft.
• Eén vaste plek voor de afspeelknop, met de voortgangsbalk en tijdsindicatie vlakbij.
• Een optioneel covervak, aangezien veel stemfragmenten en afleveringen geen artwork hebben.
• Ruimte rond de speler voor songteksten, shownotities of een boekingslink.

Het Audio Element van Nicepage vult die plek vervolgens met een werkende speler die de titel en artiestennaam toont. De juiste lay-out past perfect in haar portfoliopagina zonder de rest van het ontwerp te beïnvloeden.

Uw opname online plaatsen

De template levert alleen de lay-out. U stelt de opname, de titel en de bron afzonderlijk in de speler in. Een demo met een afspeelknop die in een afbeelding is getekend, laat nooit geluid horen. In het Audio Element uploadt u het MP3-bestand of plakt u de URL ervan. Het element beperkt uploads tot 10 MB, waardoor een lange aflevering meestal via een URL wordt ingevoegd. De Quick Preview en Browser Preview van de desktop-app spelen geen audio af; stilte daar zegt dus niets over het bestand. De Online Builder speelt audio wel af en ondersteunt tevens HTML-export voor hosting op een andere server. Druk op de live pagina nogmaals op play, want een bestand dat niet op uw server staat, wordt niet afgespeeld.

Testen met echte titels op kleine schermen

Op een smartphone verandert de sectie meestal van een horizontale rij in een verticale stapel. De volgorde in de lay-out bepaalt vervolgens of de titel boven de speler verschijnt of onder een hoge cover terechtkomt. Korte plaatshoudertitels laten elke demo er overzichtelijk uitzien. Een lange tracknaam, het daadwerkelijke MP3-bestand en een niet-vierkante cover brengen kwetsbaarheden echter snel aan het licht. Elk Audio Element verwerkt één bestand, waardoor meerdere opnames op één pagina elk een eigen kop en speler vereisen. Voor één werkend MP3-blok op een bestaande pagina zorgt een HTML-template ervoor dat u niet een hele website rond de audio hoeft op te bouwen.