HTML5-standarden stöder två olika mekanismer för presentation av ljudfiler. Antingen länka en MP3, göra den tillgänglig för nedladdning eller bädda in den så att människor kan njuta av musiken från en ljudspelare på sidan.
Ljudtillgänglighet
MP3-filen måste vara tillgänglig på internet innan en länk eller ett inbäddat objekt lyckas. Om MP3 redan är online kopierar du den direkta webbadressen till filen. Denna URL måste vara till mediatillgången; det kan inte vara till den sida som tillgången är associerad med.
Med dina egna MP3-filer måste du använda ett verktyg för att ladda upp filen från din dator till en internetfilserver. De flesta använder FTP, SFTP eller SSH för att ladda upp MP3 till sin webbplats, men om din webbplats använder ett innehållshanteringssystem som WordPress stöder CMS ett pek-och-klicka-uppladdningsverktyg.
Lägga till MP3 till din webbsida
Med en URL i handen är du redo att lägga till MP3 på din webbplats. Om ditt sidskapningsverktyg stöder ett pek-och-klick-gränssnitt, använd det - eftersom var och en är olika, se din CMS-dokumentation för specifika procedurer.
Oavsett ditt GUI fungerar manuella redigeringar av HTML alltid konsekvent.
Skapa en länk
En länk som öppnar mediefilen i en ny flik eller laddar ner den till en besökares dator är beroende av en standard ankare märka. HTML-elementet består därför av ankartaggar, URL för MP3, texten som aktiverar hyperlänken och valfria parametrar. Till exempel för att ladda ner podcast.mp3 genom en länk med titeln Ladda ner showen!, använd följande HTML-element:
Ladda ner showen!
Detta element tvingar nedladdning av MP3. Ta bort MP3-filen för att låta MP3 öppnas ladda ner attribut i slutet av MP3 URL.
Bädda in ljudfilen
För att använda HTML5 för att bädda in en liten ljudspelare, använd audio element. Eftersom vissa webbläsare inte stöder det, visas all text som ingår i elementet om webbläsaren inte kan visa en ljudspelare.
Din webbläsare stöder inte ljudtaggen.
De audio elementet innehåller flera standardattribut:
- Autospela: Om det anges i taggen spelas ljudet upp så snart det är laddat och klart, oavsett besökarens interaktion med den inbäddade ljudspelaren.
- Kontroller: Visar grundläggande kontroller, inklusive en uppspelning / paus-knapp och en nedladdningslänk.
- Slinga: När specificerat, slinga spelar kontinuerligt upp ljudet.
- Tyst: Stänger av ljudet.