MP3-bestanden toevoegen aan websites

click fraud protection

De HTML5-standaard ondersteunt twee verschillende mechanismen voor het presenteren van audiobestanden. Koppel een MP3, zodat deze beschikbaar is om te downloaden, of sluit deze zodanig in dat mensen kunnen genieten van de muziek van een on-page audiospeler.

Audiobeschikbaarheid

winscp om bestanden te uploaden

Het MP3-bestand moet op internet toegankelijk zijn voordat een koppeling of een embedded object lukt. Als de MP3 al online is, kopieer dan de directe URL naar het bestand. Deze URL moet naar het media-item zijn; het kan niet de pagina zijn waaraan het item is gekoppeld.

Bij uw eigen MP3's moet u een tool gebruiken om het bestand van uw computer naar een internetbestandsserver te uploaden. De meeste mensen gebruiken FTP, SFTP of SSH om de MP3 naar hun website te uploaden, maar als uw site een inhoudbeheersysteem zoals WordPress gebruikt, ondersteunt het CMS een uploadprogramma met aanwijzen en klikken.

De MP3 aan uw webpagina toevoegen

Met een URL in de hand ben je klaar om de MP3 aan je site toe te voegen. Als uw hulpprogramma voor het maken van pagina's een aanwijzen-en-klikken-interface ondersteunt, gebruikt u die, want elk is anders, raadpleeg uw CMS-documentatie voor specifieke procedures.

instagram viewer

Ongeacht uw GUI, handmatige bewerkingen in de HTML werken altijd, consistent.

Een link maken

Een link die het mediabestand opent in een nieuw tabblad of het downloadt naar de computer van een bezoeker, is afhankelijk van een standaard anker label. Het HTML-element bestaat dus uit de ankertags, de URL van de MP3, de tekst die de hyperlink activeert en optionele parameters. Om bijvoorbeeld te downloaden podcast.mp3 via een link met de titel Download de uitzending!, gebruik het volgende HTML-element:

 Download de uitzending! 

Dit element dwingt een download van de MP3 af. Om de MP3 te kunnen openen, verwijdert u de downloaden attribuut aan het einde van de MP3-URL.

Het audiobestand insluiten

Als u HTML5 wilt gebruiken om een ​​kleine audiospeler in te sluiten, gebruikt u de audio element. Omdat sommige browsers dit niet ondersteunen, wordt alle tekst in het element weergegeven als de browser geen audiospeler kan weergeven.



Uw browser ondersteunt de audiotag niet.

De audio element bevat verschillende standaardattributen:

  • Automatisch afspelen: Indien gespecificeerd in de tag, wordt de audio afgespeeld zodra deze is geladen en gereed is, ongeacht de interactie van de bezoeker met de ingesloten audiospeler.
  • Bediening: Geeft basisbediening weer, waaronder een afspeel-/pauzeknop en een downloadlink.
  • Lus: Indien gespecificeerd, lus speelt continu de audio af.
  • Gedempt: Dempt de audio-uitvoer.
instagram story viewer