Kako vstaviti brezplačni MP3 predvajalnik na svojo spletno stran: 3 načine

Kako vstaviti brezplačni MP3 predvajalnik na svojo spletno stran: 3 načine

Če želite, da obiskovalci vašega spletnega mesta uživajo v datoteki MP3, je to eden najlažjih načinov, da to vdelate na stran. Z vgrajenim predvajalnikom MP3 obiskovalcem ni treba neposredno prenesti zvoka ali uporabljati dodatne programske opreme, ker se predvaja v vrstici.





Podrobno bomo opisali različne metode, ki jih lahko uporabite za vdelavo MP3 -ja na svoje spletno mesto, vključno z uporabo HTML5 in Google Drive.





1. Vstavite MP3 na svoje spletno mesto s HTML5

Če vam ustreza urejanje kode vašega spletnega mesta, je eden najlažjih načinov vdelave datoteke MP3 uporaba HTML5.





HTML5 Oznaka se na prvi pogled morda zdi osnovna, vendar je močna, saj je združljiva z vsemi glavnimi namiznimi in mobilnimi brskalniki.

Če želite vdelati MP3 s HTML5, uporabite to kodo:



Your browser does not support the audio tag.

Preprosto zamenjajte MP3 naslov TUKAJ z naloženo zvočno datoteko. To ne more biti datoteka, shranjena v vašem računalniku; mora biti na voljo na spletu.

jabolčna ura 6 aluminij proti nerjavečemu jeklu

Ta koda bo na stran postavila majhen avdio predvajalnik, s katerega lahko uporabnik predvaja, ustavi, počisti in prilagodi glasnost. Tako izgleda v Firefoxu:





Ta koda vključuje tudi sporočilo, ki se prikaže namesto predvajalnika, v malo verjetnih okoliščinah, da uporabnikov brskalnik ne podpira predvajalnika.

Uporabite lahko atribute, kot so samodejno predvajanje in zanka , takole:





Your browser does not support the audio tag.

Upoštevajte, da večina brskalnikov ne podpira samodejnega predvajanja, ker je slaba praksa samodejno vsiliti zvok uporabnikom.

Osnovne prilagoditve lahko uporabite za blok predvajalnika zvoka prek CSS, na primer mejo in oblazinjenje . Za pravilno oblikovanje samega predvajalnika pa boste morali uporabiti JavaScript, tako da bo skladen v vseh brskalnikih.

Več informacij o lastnostih avdio predvajalnika HTML5 in prilagajanju najdete na Spletni dokumenti MDN .

najboljše nastavitve sistema Windows 10 za igre na srečo

Povezano: Kul učinki HTML, ki jih lahko vsak doda na svoja spletna mesta

2. Vstavite MP3 na svoje spletno mesto z Google Drive

Google Drive je odličen in brezplačen ponudnik shranjevanja v oblaku . Z njim lahko naložite svojo datoteko MP3 in ustvarite avdio predvajalnik.

Z MP3 nalogom v Google Drive:

  1. Desni klik datoteko in kliknite Dobi povezavo .
  2. Omejitev dostopnosti spremenite v Kdor ima povezavo .
  3. Na koncu kliknite Kopiraj povezavo .

S tem boste dobili URL, podoben temu:

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

Zamenjati pogled? usp = deljenje z predogled , takole:

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

Nato uporabite an

Atribute lahko prilagodite, dodate ali odstranite (npr frameborder in premer ) po potrebi.

S tem boste s predvajalnikom Google Drive vdelali MP3 na svoje spletno mesto. Uporabniki lahko igrajo, drgnejo in prilagajajo glasnost, tako kot pri predvajalniku HTML5. Takole izgleda:

Glavna razlika je prisotnost a izstopi gumb. S tem se odpre MP3 v storitvi Google Drive, kjer lahko uporabniki dodajajo komentarje, delijo datoteko in drugo.

3. Vstavite MP3 na svoje spletno mesto s CMS -jem

Če za svoje spletno mesto uporabljate sistem za upravljanje vsebine (CMS), boste verjetno še vedno lahko uporabili zgornje metode. Morda vam ne bo všeč urejanje kode HTML.

naredite bliskovni pogon zagonski za Windows 7

Vsak dober CMS vam omogoča enostavno dodajanje zvoka na vaše spletno mesto prek njegovega vmesnika. Na primer, v WordPressu preprosto morate dodajte blok , izberite Zvok , in potem tudi Naloži MP3, izberite ga med svojimi Knjižnica medijev , oz Vstavi iz URL -ja .

Ne glede na to, ali uporabljate Google Sites, ExpressionEngine ali storitev, kot je Squarespace, bo postopek dodajanja zvoka nekoliko drugačen, zato se za podrobna navodila obrnite na dokumentacijo za pomoč podjetja.

Naj vaši obiskovalci z lahkoto poslušajo MP3

Z eno od zgornjih metod bodo obiskovalci vašega spletnega mesta zdaj z lahkoto poslušali datoteke MP3 prek predvajalnika medijev.

Kljub temu vam ni treba vedno uporabljati datotek MP3. Obstaja veliko drugih pogostih zvočnih formatov, kot sta WAV in FLAC, ki jih lahko enako predvajate tudi na svojem spletnem mestu.

Deliti Deliti Cvrkutati E-naslov 10 najpogostejših zvočnih formatov: katero morate uporabiti?

Saj veste za MP3, kaj pa AAC, FLAC, OGG ali WMA? Zakaj obstaja toliko formatov zvočnih datotek in ali obstaja najboljša oblika zvoka?

Preberite Naprej
Sorodne teme
  • Internet
  • Spletni razvoj
  • Orodja za spletne skrbnike
  • HTML5
O avtorju Joe Keeley(652 objavljenih člankov)

Joe se je rodil s tipkovnico v rokah in takoj začel pisati o tehnologiji. Je diplomirani poslovnež (z odliko) in je zdaj samostojni pisatelj s polnim delovnim časom, ki uživa v poenostavljanju tehnologije za vse.

Več od Joea Keeleyja

Naročite se na naše novice

Pridružite se našemu glasilu za tehnične nasvete, ocene, brezplačne e -knjige in ekskluzivne ponudbe!

Kliknite tukaj, da se naročite