Slik legger du inn en gratis MP3 -spiller på nettstedet ditt: 3 måter

Slik legger du inn en gratis MP3 -spiller på nettstedet ditt: 3 måter

Hvis du vil at besøkende på nettstedet ditt skal glede seg over en MP3 -fil, er en av de enkleste måtene å gjøre dette på å legge den inn på siden. Med en innebygd MP3 -spiller trenger besøkende ikke å laste ned lyden direkte eller bruke tilleggsprogramvare fordi den spiller inline.





Vi skal detaljere forskjellige metoder som du kan bruke til å legge inn en MP3 på nettstedet ditt, inkludert bruk av HTML5 og Google Disk.





1. Legg inn en MP3 på nettstedet ditt med HTML5

Hvis du er komfortabel med å redigere koden til nettstedet ditt, er en av de enkleste måtene å legge inn en MP3 -fil på å bruke HTML5.





HTML5 -taggen kan virke grunnleggende ved første blikk, men den er kraftig siden den er kompatibel med alle de store skrivebords- og mobilnettleserne.

For å legge inn en MP3 med HTML5, bruk denne koden:



Your browser does not support the audio tag.

Bare bytt ut MP3 URL her med den opplastede lydfilen. Dette kan ikke være en fil som er lagret på datamaskinen din. den må være tilgjengelig online.

hvordan skjermopptak snapchat uten at de vet det

Denne koden plasserer en liten lydavspiller på siden, hvorfra brukeren kan spille, pause, skrubbe og justere volumet. Slik ser det ut på Firefox:





Denne koden inneholder også en melding som vises i stedet for mediespilleren, i den usannsynlige omstendigheten at brukerens nettleser ikke støtter spilleren.

Du kan bruke attributter som Auto spill og Løkke , som så:





Your browser does not support the audio tag.

Husk at de fleste nettlesere ikke støtter autospill fordi det anses som dårlig praksis å automatisk tvinge lyd til brukere.

Grunnleggende tilpasning kan brukes på lydspilleren via CSS, som grense og polstring . Du må imidlertid bruke JavaScript for å style spilleren på riktig måte slik at den er konsistent på tvers av nettlesere.

Mer informasjon om HTML5 -lydspillers attributter og tilpasning finner du på MDN Web Docs .

se hvem som har blokkert deg på facebook

I slekt: Kule HTML -effekter alle kan legge til på nettstedene sine

2. Legg inn en MP3 på nettstedet ditt med Google Drive

Google Disk er en utmerket og gratis skylagringsleverandør . Du kan bruke den til å laste opp MP3 -filen din og lage en lydspiller.

Med MP3 lastet opp til Google Disk:

  1. Høyreklikk filen og klikk Få lenke .
  2. Endre tilgjengelighetsbegrensningen til Alle med lenken .
  3. Til slutt klikker du Kopier link .

Dette vil gi deg en nettadresse som ligner på dette:

https://drive.google.com/file/d/123/view?usp=sharing

Erstatte se? usp = deling med forhåndsvisning , som så:

https://drive.google.com/file/d/123/preview

Deretter bruker du en

Du kan justere, legge til eller fjerne attributtene (som ramme grense og bredde ) som nødvendig.

Dette vil legge inn MP3 på nettstedet ditt ved hjelp av Google Drive -spilleren. Brukere kan spille, skrubbe og justere volumet, akkurat som med HTML5 -spilleren. Slik ser det ut:

Hovedforskjellen er tilstedeværelsen av a sprette ut knapp. Dette åpner MP3 -en på Google Disk, hvor brukere kan legge til kommentarer, dele filen og mer.

3. Bygg inn en MP3 på nettstedet ditt med et CMS

Hvis du bruker et innholdshåndteringssystem (CMS) for nettstedet ditt, kan du sannsynligvis fortsatt bruke metodene ovenfor. Når det er sagt, er du kanskje ikke komfortabel med å redigere HTML -kode.

android popup -vinduer på startskjermen

Enhver god CMS lar deg enkelt legge til lyd på nettstedet ditt via grensesnittet. For eksempel, på WordPress, trenger du bare å legg til en blokk , plukke ut Lyd , og deretter heller Laste opp MP3, velg den fra din Mediebibliotek , eller Sett inn fra URL .

Enten du bruker Google Sites, ExpressionEngine eller en tjeneste som Squarespace, vil prosessen for å legge til lyd bli litt annerledes, så sørg for å se selskapets hjelpedokumentasjon for full veiledning.

La dine besøkende lytte til MP3 -er med letthet

Ved å bruke en av de ovennevnte metodene, vil besøkende på nettstedet nå enkelt kunne lytte til MP3 -filer gjennom en mediespiller.

Når det er sagt, trenger du ikke alltid å bruke MP3 -filer. Det er mange andre vanlige lydformater, som WAV og FLAC, som du også kan spille inline på nettstedet ditt.

Dele Dele kvitring E -post De 10 vanligste lydformatene: Hvilken bør du bruke?

Du vet om MP3, men hva med AAC, FLAC, OGG eller WMA? Hvorfor finnes det så mange lydfilformater, og finnes det det beste lydformatet?

Les neste
Relaterte temaer
  • Internett
  • Webutvikling
  • Verktøy for nettredaktører
  • HTML5
Om forfatteren Joe Keeley(652 artikler publisert)

Joe ble født med et tastatur i hendene og begynte umiddelbart å skrive om teknologi. Han har en BA (Hons) i Business og er nå en heltids frilansskribent som liker å gjøre teknologien enkel for alle.

Mer fra Joe Keeley

Abonner på vårt nyhetsbrev

Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis ebøker og eksklusive tilbud!

Klikk her for å abonnere