Legg til MP3-filer på nettsteder

click fraud protection

HTML5-standarden støtter to forskjellige mekanismer for presentasjon av lydfiler. Enten kobler du en MP3, gjør den tilgjengelig for nedlasting, eller legger den inn slik at folk kan glede seg over musikken fra en lydspiller på siden.

Tilgjengelighet av lyd

winscp for å laste opp filer

MP3-filen må være tilgjengelig på internett før en lenke eller et innebygd objekt lykkes. Hvis MP3 allerede er online, kopier direkte URL til filen. Denne URL-en må være til medieandelen; det kan ikke være på siden eiendelen er tilknyttet.

Med dine egne MP3-filer må du bruke et verktøy for å laste opp filen fra datamaskinen din til en internettfilserver. De fleste bruker FTP, SFTP eller SSH for å laste opp MP3 til nettstedet sitt, men hvis nettstedet ditt bruker et innholdsstyringssystem som WordPress, støtter CMS et pek-og-klikk-opplastingsverktøy.

Legge til MP3 på websiden din

Med en URL i hånden er du klar til å legge til MP3 på nettstedet ditt. Hvis sideopprettingsverktøyet ditt støtter et pek-og-klikk-grensesnitt, kan du bruke det - fordi hver av dem er forskjellige, kan du se i CMS-dokumentasjonen for spesifikke prosedyrer.

instagram viewer

Uavhengig av brukergrensesnittet, fungerer manuelle redigeringer av HTML alltid konsekvent.

Opprette en lenke

En lenke som åpner mediefilen i en ny fane eller laster den ned til en besøkendes datamaskin, er avhengig av en standard anker stikkord. HTML-elementet består derfor av ankerkoder, URL til MP3, teksten som aktiverer hyperkoblingen og valgfrie parametere. For eksempel for å laste ned podcast.mp3 gjennom en lenke med tittelen Last ned showet!, bruk følgende HTML-element:

 Last ned showet! 

Dette elementet tvinger nedlasting av MP3. For å la MP3 åpnes, fjerner du nedlasting attributt på slutten av MP3 URL.

Legge inn lydfilen

For å bruke HTML5 til å bygge inn en liten lydspiller, bruk lyd element. Siden noen nettlesere ikke støtter det, vises tekst som er inkludert i elementet hvis nettleseren ikke kan vise en lydspiller.



Nettleseren din støtter ikke lydkoden.

De lyd elementet inneholder flere standardattributter:

  • Auto spill: Hvis spesifisert i koden, spilles lyden av så snart den er lastet og klar, uavhengig av besøkendes interaksjon med den innebygde lydspilleren.
  • Kontroller: Viser grunnleggende kontroller, inkludert en avspilling / pause-knapp og en nedlastingskobling.
  • Løkke: Når spesifisert, Løkke avspiller lyden kontinuerlig.
  • Dempet: Demper lydutgangen.
instagram story viewer