Cum să încorporați un player MP3 gratuit pe site-ul dvs. web: în 3 moduri

Cum să încorporați un player MP3 gratuit pe site-ul dvs. web: în 3 moduri

Dacă doriți ca vizitatorii site-ului dvs. web să se bucure de un fișier MP3, unul dintre cele mai simple moduri de a face acest lucru este să îl încorporați în pagină. Cu un player MP3 încorporat, vizitatorii nu trebuie să descarce direct audio sau să utilizeze software suplimentar, deoarece redă în linie.





Vom detalia diferite metode pe care le puteți utiliza pentru a încorpora un MP3 pe site-ul dvs. web, inclusiv utilizarea HTML5 și Google Drive.





1. Încorporați un MP3 pe site-ul dvs. web cu HTML5

Dacă vă simțiți confortabil să editați codul site-ului dvs. web, una dintre cele mai simple modalități de a încorpora un fișier MP3 este să utilizați HTML5.





HTML5 eticheta ar putea apărea de bază la prima vedere, dar este puternică, deoarece este compatibilă cu toate browserele majore de desktop și mobile.

Pentru a încorpora un MP3 cu HTML5, utilizați acest cod:



Your browser does not support the audio tag.

Pur și simplu înlocuiți Adresa URL MP3 AICI cu fișierul audio încărcat. Acesta nu poate fi un fișier stocat pe computer; trebuie să fie disponibil online.

cum să descărcați videoclipuri de pe orice site web

Acest cod va plasa un mic player audio pe pagină, din care utilizatorul poate reda, întrerupe, freca și regla volumul. Iată cum arată pe Firefox:





Acest cod include, de asemenea, un mesaj care va fi afișat în locul playerului media, în circumstanța puțin probabilă în care browserul utilizatorului nu acceptă playerul.

Puteți aplica atribute precum Redare automata și buclă , ca astfel:





Your browser does not support the audio tag.

Rețineți că majoritatea browserelor nu acceptă redarea automată, deoarece este considerată o practică nepotrivită forțarea automată a sunetului către utilizatori.

Personalizarea de bază poate fi aplicată blocului playerului audio prin CSS, cum ar fi frontieră și căptușeală . Cu toate acestea, va trebui să utilizați JavaScript pentru a stiliza în mod corespunzător playerul în sine, astfel încât să fie coerent în toate browserele.

Puteți găsi mai multe informații despre atributele și personalizarea playerului audio HTML5 Documente Web MDN .

cum să obțineți tema aero pe Windows 10

Legate de: Efecte HTML minunate pe care oricine le poate adăuga pe site-urile lor web

2. Încorporați un MP3 pe site-ul dvs. web cu Google Drive

Google Drive este un furnizor excelent și gratuit de stocare în cloud . Îl puteți folosi pentru a încărca fișierul MP3 și a crea un player audio.

Cu MP3 încărcat pe Google Drive:

  1. Click dreapta fișierul și faceți clic Obține link .
  2. Schimbați restricția de accesibilitate la Oricine are linkul .
  3. În cele din urmă, faceți clic pe Copiază legătură .

Aceasta vă va oferi o adresă URL similară cu aceasta:

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

A inlocui vizualizare? usp = partajare cu previzualizare , ca astfel:

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

Apoi, utilizați un

Puteți ajusta, adăuga sau elimina atributele (cum ar fi frameborder și lăţime ) după cum este necesar.

Aceasta va încorpora MP3-ul pe site-ul dvs. web utilizând playerul Google Drive. Utilizatorii pot juca, freca și regla volumul, la fel ca în cazul playerului HTML5. Iată cum arată:

Principala diferență este prezența unui ieși afară buton. Aceasta deschide fișierul MP3 pe Google Drive, unde utilizatorii pot adăuga comentarii, partaja fișierul și multe altele.

3. Încorporați un MP3 pe site-ul dvs. web cu un CMS

Dacă utilizați un sistem de gestionare a conținutului (CMS) pentru site-ul dvs. web, puteți utiliza în continuare metodele de mai sus. Acestea fiind spuse, s-ar putea să nu vă simțiți bine să editați codul HTML.

care este un număr bun de declanșare

Orice CMS bun vă va permite să adăugați audio la site-ul dvs. web cu ușurință prin interfața sa. De exemplu, pe WordPress, trebuie pur și simplu adăugați un bloc , Selectați Audio , și apoi fie Încărcați MP3, selectați-l din Biblioteca media , sau Inserați din URL .

Fie că utilizați Google Sites, ExpressionEngine sau un serviciu precum Squarespace, procesul de adăugare a sunetului va fi ușor diferit, deci asigurați-vă că consultați documentația de ajutor a companiei pentru îndrumări complete.

Lăsați vizitatorii să asculte MP3-uri cu ușurință

Folosind oricare dintre metodele de mai sus, vizitatorii site-ului dvs. web vor putea asculta cu ușurință fișiere MP3 printr-un player media.

Acestea fiind spuse, nu trebuie întotdeauna să utilizați fișiere MP3. Există multe alte formate audio comune, cum ar fi WAV și FLAC, pe care le puteți reda în mod egal pe site-ul dvs. web.

Acțiune Acțiune Tweet E-mail Cele mai comune 10 formate audio: pe care ar trebui să le folosiți?

Știi despre MP3, dar ce zici de AAC, FLAC, OGG sau WMA? De ce există atât de multe formate de fișiere audio și există cel mai bun format audio?

Citiți în continuare
Subiecte asemănătoare
  • Internet
  • Dezvoltare web
  • Instrumente pentru webmasteri
  • HTML5
Despre autor Joe Keeley(652 articole publicate)

Joe s-a născut cu o tastatură în mâini și a început imediat să scrie despre tehnologie. Are un BA (Hons) în afaceri și este acum un scriitor freelance cu normă întreagă, căruia îi place să facă tehnologia simplă pentru toată lumea.

Mai multe de la Joe Keeley

Aboneaza-te la newsletter-ul nostru

Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!

Faceți clic aici pentru a vă abona