Kako ugraditi besplatni MP3 player na svoju web stranicu: 3 načina

Kako ugraditi besplatni MP3 player na svoju web stranicu: 3 načina

Ako želite da posjetitelji vaše web stranice uživaju u MP3 datoteci, jedan od najjednostavnijih načina za to je da je ugradite na stranicu. S ugrađenim MP3 playerom posjetitelji ne moraju izravno preuzimati zvuk ili koristiti dodatni softver jer se reproducira umetnutim.





Popisat ćemo različite metode koje možete koristiti za ugradnju MP3 -a na svoju web stranicu, uključujući upotrebu HTML5 i Google diska.





1. Ugradite MP3 na svoju web stranicu s HTML5

Ako vam odgovara uređivanje koda vaše web stranice, jedan od najjednostavnijih načina ugradnje MP3 datoteke je upotreba HTML5.





HTML5 Oznaka bi se na prvi pogled mogla činiti osnovnom, ali moćna je jer je kompatibilna sa svim glavnim stolnim i mobilnim preglednicima.

Da biste ugradili MP3 s HTML5, upotrijebite ovaj kod:



Your browser does not support the audio tag.

Jednostavno zamijenite MP3 URL OVDJE s prenesenom audio datotekom. Ovo ne može biti datoteka pohranjena na vašem računalu; mora biti dostupna na internetu.

moj iPhone je zaglavljen na Apple logotipu

Ovaj kôd će na stranicu postaviti mali audio player s kojeg korisnik može reproducirati, pauzirati, brisati i podešavati glasnoću. Evo kako to izgleda na Firefoxu:





Ovaj kôd također uključuje poruku koja će se prikazati umjesto media playera, u malo vjerojatnim okolnostima da preglednik korisnika ne podržava player.

Možete primijeniti atribute poput auto Play i petlja , ovako:





Your browser does not support the audio tag.

Imajte na umu da većina preglednika ne podržava automatsku reprodukciju jer se smatra lošom praksom automatsko prisiljavanje zvuka na korisnike.

Osnovno prilagođavanje može se primijeniti na blok audio playera putem CSS -a, na primjer granica i punjenje . Međutim, morat ćete koristiti JavaScript da biste pravilno oblikovali sam player tako da bude dosljedan u svim preglednicima.

Više informacija o atributima i prilagodbama audio playera HTML5 možete pronaći na MDN web dokumenti .

je isto kao i fat32

Povezano: Cool HTML efekti koje svatko može dodati na svoje web stranice

2. Ugradite MP3 na svoju web stranicu pomoću Google diska

Google disk je izvrstan i besplatan pružatelj usluga pohrane u oblaku . Pomoću njega možete učitati svoju MP3 datoteku i stvoriti audio player.

S MP3 učitanim na Google disk:

  1. Desni klik datoteku i kliknite Uzmi poveznicu .
  2. Promijenite ograničenje pristupačnosti u Svatko s vezom .
  3. Na kraju kliknite Kopiraj link .

Time ćete dobiti URL sličan ovom:

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

Zamijeniti pogled? usp = dijeljenje s pretpregled , ovako:

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

Zatim upotrijebite an

Atribute možete prilagoditi, dodati ili ukloniti (npr frameborder i širina ) kako je potrebno.

Time ćete MP3 ugraditi na svoju web stranicu pomoću playera Google Drive. Korisnici mogu svirati, čistiti i podešavati glasnoću, baš kao i kod HTML5 playera. Evo kako to izgleda:

Glavna razlika je prisutnost a iskočiti dugme. Ovo otvara MP3 na Google disku, gdje korisnici mogu dodavati komentare, dijeliti datoteku i još mnogo toga.

3. Ugradite MP3 na svoju web stranicu pomoću CMS -a

Ako za svoju web stranicu koristite sustav za upravljanje sadržajem (CMS), vjerojatno ćete i dalje koristiti gore navedene metode. Ipak, možda vam neće biti ugodno uređivati ​​HTML kôd.

kako spojiti bežični xbox one kontroler

Svaki dobar CMS omogućit će vam jednostavno dodavanje zvuka na vašu web stranicu putem sučelja. Na primjer, na WordPressu jednostavno morate dodati blok , Odaberi Audio , a zatim bilo Učitaj MP3, odaberite ga iz svog Biblioteka medija , ili Umetni iz URL -a .

Bez obzira koristite li Google Sites, ExpressionEngine ili uslugu poput Squarespace, postupak dodavanja zvuka bit će nešto drugačiji, stoga za potpune upute svakako potražite dokumentaciju tvrtke za pomoć.

Neka vaši posjetitelji s lakoćom slušaju MP3

Koristeći bilo koju od gore navedenih metoda, posjetitelji vaše web stranice sada će moći s lakoćom slušati MP3 datoteke putem media playera.

Međutim, ne morate uvijek koristiti MP3 datoteke. Postoje mnogi drugi uobičajeni audio formati, poput WAV -a i FLAC -a, koje možete podjednako reproducirati i na svom web mjestu.

Udio Udio Cvrkut E -pošta 10 najčešćih audio formata: koji biste trebali koristiti?

Znate za MP3, ali što je s AAC, FLAC, OGG ili WMA? Zašto postoji toliko mnogo formata audio datoteka i postoji li najbolji audio format?

Pročitajte Dalje
Povezane teme
  • Internet
  • Web razvoj
  • Alati za webmastere
  • HTML5
O autoru Joe Keeley(652 objavljenih članaka)

Joe je rođen s tipkovnicom u rukama i odmah je počeo pisati o tehnologiji. Diplomirao je biznis, a sada je slobodni pisac s punim radnim vremenom koji uživa u tome da tehnologiju učini jednostavnom za sve.

Više od Joea Keeleyja

Pretplatite se na naše obavijesti

Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e -knjige i ekskluzivne ponude!

Kliknite ovdje za pretplatu