Tasuta MP3 -mängija lisamine oma veebisaidile: 3 viisi

Tasuta MP3 -mängija lisamine oma veebisaidile: 3 viisi

Kui soovite, et teie veebisaidi külastajad naudiksid MP3 -faili, on üks lihtsamaid viise seda manustada lehele. Sisseehitatud MP3 -mängijaga ei pea külastajad heli otse alla laadima ega lisatarkvara kasutama, kuna see esitab reaalajas.





Me kirjeldame üksikasjalikult erinevaid meetodeid, mida saate kasutada MP3 -i lisamiseks oma veebisaidile, sealhulgas HTML5 ja Google Drive'i abil.





1. Manustage MP3 oma veebisaidile HTML5 abil

Kui teil on mugav oma veebisaidi koodi redigeerida, on üks lihtsamaid viise MP3 -faili manustamiseks HTML5 kasutamine.





HTML5 silt võib esmapilgul tunduda lihtne, kuid see on võimas, kuna ühildub kõigi suuremate laua- ja mobiilibrauseritega.

MP3 -i manustamiseks HTML5 -ga kasutage seda koodi:



Your browser does not support the audio tag.

Lihtsalt asendage MP3 URL SIIN üleslaaditud helifailiga. See ei saa olla teie arvutisse salvestatud fail; see peab olema Internetis kättesaadav.

gps rakendus androidile ilma Internetita

See kood paigutab lehele väikese helipleieri, kust kasutaja saab mängida, peatada, nühkida ja helitugevust reguleerida. Kuidas see Firefoxis välja näeb:





See kood sisaldab ka sõnumit, mis kuvatakse meediumipleieri asemel, ebatõenäolisel juhul, kui kasutaja brauser mängijat ei toeta.

Saate rakendada selliseid atribuute nagu automaatne esitus ja silmus , niimoodi:





Your browser does not support the audio tag.

Pidage meeles, et enamik brausereid ei toeta automaatset esitust, kuna heli automaatne sundimine kasutajatele on halb tava.

Põhilist kohandamist saab helipleieri plokile rakendada CSS -i kaudu piir ja polsterdus . Peate siiski kasutama JavaScripti, et pleier ise korralikult stiilida, nii et see oleks brauserites ühtlane.

Lisateavet HTML5 helipleieri atribuutide ja kohandamise kohta leiate siit MDN -i veebidokumendid .

kas ma saan oma päritolunime muuta?

Seotud: Lahedad HTML -efektid, mida igaüks saab oma veebisaitidele lisada

2. Manustage MP3 oma veebisaidile Google Drive'i abil

Google Drive on suurepärane ja tasuta pilvesalvestuse pakkuja . Saate seda kasutada MP3 -faili üleslaadimiseks ja helipleieri loomiseks.

Google Drive'i üles laaditud MP3 -ga:

  1. Paremklõps fail ja klõpsake nuppu Hangi link .
  2. Muutke juurdepääsetavuse piirang väärtuseks Igaüks, kellel on link .
  3. Lõpuks klõpsake Kopeeri link .

See annab teile sarnase URL -i:

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

Asenda vaade? usp = jagamine koos eelvaade , niimoodi:

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

Seejärel kasutage

Saate kohandada, lisada või eemaldada atribuute (nt raami piir ja laius ) vastavalt vajadusele.

See manustab MP3 teie veebisaidile Google Drive'i mängija abil. Kasutajad saavad mängida, nühkida ja helitugevust reguleerida, nagu ka HTML5 -mängijaga. See näeb välja selline:

Peamine erinevus on a olemasolu välja hüppama nuppu. See avab Google Drive'is MP3, kus kasutajad saavad kommentaare lisada, faili jagada ja palju muud.

3. Manustage MP3 oma veebisaidile CMS -iga

Kui kasutate oma veebisaidi jaoks sisuhaldussüsteemi (CMS), saate tõenäoliselt siiski kasutada ülaltoodud meetodeid. Sellegipoolest ei pruugi teil HTML -koodi redigeerimine olla mugav.

miks ma ei saa eelvaates kärpida?

Iga hea CMS võimaldab teil oma veebisaidile hõlpsalt heli lisada selle liidese kaudu. Näiteks WordPressis peate seda lihtsalt tegema lisage plokk , valige Heli , ja siis kas Laadi üles MP3, valige see oma hulgast Meediateek või Sisesta URL -ist .

Olenemata sellest, kas kasutate Google'i saite, ExpressionEngine'i või sellist teenust nagu Squarespace, on heli lisamise protsess pisut erinev, seega lugege kindlasti ettevõtte abidokumentatsioonist täielikke juhiseid.

Laske oma külastajatel hõlpsalt MP3 -sid kuulata

Kasutades mõnda ülaltoodud meetodit, saavad teie veebisaidi külastajad nüüd hõlpsalt kuulata MP3 -faile meediumipleieri kaudu.

See tähendab, et te ei pea alati MP3 -faile kasutama. On ka palju muid levinumaid helivorminguid, nagu WAV ja FLAC, mida saate oma veebisaidil võrdselt esitada.

Jaga Jaga Piiksuma E -post 10 levinumat helivormingut: millist neist kasutada?

Teate MP3 -st, aga kuidas on lood AAC, FLAC, OGG või WMA -ga? Miks on olemas nii palju helifailivorminguid ja kas on olemas parim helivorming?

Loe edasi
Seotud teemad
  • Internet
  • Veebiarendus
  • Veebimeistri tööriistad
  • HTML5
Autori kohta Joe Keeley(Avaldatud 652 artiklit)

Joe sündis klaviatuur käes ja hakkas kohe tehnoloogiast kirjutama. Tal on äritegevuse bakalaureusekraad (Hons) ja ta on nüüd täiskohaga vabakutseline kirjanik, kellele meeldib tehnoloogia lihtsaks muutmine kõigile.

Rohkem Joe Keeleylt

Telli meie uudiskiri

Liituge meie uudiskirjaga, et saada tehnilisi näpunäiteid, ülevaateid, tasuta e -raamatuid ja eksklusiivseid pakkumisi!

Tellimiseks klõpsake siin