Dodajte MP3 datoteke na web stranice

click fraud protection

HTML5 standard podržava dva različita mehanizma za prezentaciju audio datoteka. Ili povežite MP3, čineći ga dostupnim za preuzimanje, ili ga ugradite tako da ljudi mogu uživati ​​u glazbi s audio uređaja na stranici.

Dostupnost zvuka

winscp za prijenos datoteka

MP3 datoteka mora biti dostupna na internetu prije nego što uspije veza ili ugrađeni objekt. Ako je MP3 već na mreži, kopirajte izravni URL u datoteku. Ovaj URL mora biti na medijsku imovinu; ne može biti na stranici s kojom je sredstvo povezano.

S vlastitim MP3 datotekama morate koristiti alat za prijenos datoteke s računala na internetski poslužitelj datoteka. Većina ljudi koristi FTP, SFTP ili SSH za učitavanje MP3-a na svoje web mjesto, premda ako vaše mjesto koristi sustav za upravljanje sadržajem poput WordPressa, CMS podržava uslužni program za prijenos usmjeri i klikni.

Dodavanje MP3-a na vašu web stranicu

S URL-om u ruci, spremni ste za dodavanje MP3-a na svoje web mjesto. Ako vaš alat za izradu stranica podržava sučelje usmjeri i klikni, upotrijebite to - jer je svako različito, potražite specifične postupke u svojoj CMS dokumentaciji.

instagram viewer

Bez obzira na vaš GUI, ručna uređivanja HTML-a uvijek rade dosljedno.

Stvaranje veze

Veza koja otvara medijsku datoteku u novoj kartici ili je preuzima na računalo posjetitelja oslanja se na standard sidro označiti. HTML element stoga se sastoji od sidrenih oznaka, URL-a MP3-a, teksta koji aktivira hipervezu i neobaveznih parametara. Na primjer, za preuzimanje podcast.mp3 putem veze s naslovom Preuzmite emisiju!, koristite sljedeći HTML element:

 Preuzmite emisiju! 

Ovaj element prisiljava preuzimanje MP3 datoteke. Da biste omogućili otvaranje MP3 datoteke, uklonite preuzimanje datoteka atribut na kraju MP3 URL-a.

Ugrađivanje audio datoteke

Da biste koristili HTML5 za ugrađivanje malog audio uređaja, upotrijebite audio element. Budući da ga neki preglednici ne podržavaju, sav tekst uključen u element prikazuje se ako preglednik ne može prikazati audio uređaj.



Vaš preglednik ne podržava zvučnu oznaku.

The audio element uključuje nekoliko standardnih atributa:

  • Auto Play: Ako je navedeno u oznaci, zvuk će se reproducirati čim se učita i bude spreman, bez obzira na interakciju posjetitelja s ugrađenim audio uređajem.
  • Kontrole: Prikazuje osnovne kontrole, uključujući gumb za reprodukciju / pauzu i vezu za preuzimanje.
  • Petlja: Kada je navedeno, petlja kontinuirano reproducira zvuk.
  • Prigušen: Isključuje audio izlaz.
instagram story viewer