Føj MP3-filer til websteder

click fraud protection

HTML5-standarden understøtter to forskellige mekanismer til præsentation af lydfiler. Enten forbinder du en MP3, gør den tilgængelig til download, eller integrerer den, så folk kan nyde musikken fra en lydafspiller på siden.

Tilgængelighed af lyd

winscp for at uploade filer

MP3-filen skal være tilgængelig på internettet, før et link eller et integreret objekt lykkes. Hvis MP3 allerede er online, skal du kopiere den direkte URL til filen. Denne URL skal være til medieaktivet; det kan ikke være på den side, som aktivet er knyttet til.

Med dine egne MP3'er skal du bruge et værktøj til at uploade filen fra din computer til en internetfilserver. De fleste bruger FTP, SFTP eller SSH til at uploade MP3 til deres websted, selvom CMS understøtter et peg-og-klik-uploadværktøj, hvis dit websted bruger et indholdsstyringssystem som WordPress.

Tilføjelse af MP3 til din webside

Med en URL i hånden er du klar til at tilføje MP3 til dit websted. Hvis dit sideoprettelsesværktøj understøtter en peg-og-klik-grænseflade, skal du bruge det - fordi hver af dem er forskellige, skal du se din CMS-dokumentation for specifikke procedurer.

instagram viewer

Uanset din GUI fungerer manuelle redigeringer af HTML altid konsekvent.

Oprettelse af et link

Et link, der åbner mediefilen i en ny fane eller downloader den til en besøgendes computer, er afhængig af en standard anker tag. HTML-elementet består derfor af ankermærkerne, URL'en til MP3, teksten, der aktiverer hyperlinket og valgfrie parametre. For eksempel for at downloade podcast.mp3 gennem et link med titlen Download showet!, brug følgende HTML-element:

 Download showet! 

Dette element tvinger en download af MP3. Fjern MP3-afspilleren for at lade MP3 åbnes Hent attribut i slutningen af ​​MP3 URL.

Integrering af lydfilen

Hvis du vil bruge HTML5 til at integrere en lille lydafspiller, skal du bruge lyd element. Da nogle browsere ikke understøtter det, vises enhver tekst, der er inkluderet i elementet, hvis browseren ikke kan vise en lydafspiller.



Din browser understøtter ikke lydmærket.

Det lyd element indeholder flere standardattributter:

  • Automatisk afspilning: Hvis det er angivet i tagget, afspilles lyden, så snart den er indlæst og klar, uanset gæsters interaktion med den integrerede lydafspiller.
  • Kontroller: Viser grundlæggende kontrolelementer, herunder en afspil / pause-knap og et downloadlink.
  • Sløjfe: Når det er specificeret, løkke afspiller kontinuerligt lyden.
  • Dæmpet: Dæmper lydoutputtet.
instagram story viewer