Bezmaksas MP3 atskaņotāja ievietošana savā vietnē: 3 veidi

Bezmaksas MP3 atskaņotāja ievietošana savā vietnē: 3 veidi

Ja vēlaties, lai jūsu vietnes apmeklētāji izbaudītu MP3 failu, viens no vienkāršākajiem veidiem, kā to izdarīt, ir to iegult lapā. Izmantojot iebūvēto MP3 atskaņotāju, apmeklētājiem nav nepieciešams tieši lejupielādēt audio vai izmantot papildu programmatūru, jo tā tiek atskaņota iekļautā veidā.





Mēs detalizēti aprakstīsim dažādas metodes, kuras varat izmantot MP3 iegulšanai savā vietnē, ieskaitot HTML5 un Google diska izmantošanu.





1. Iegult MP3 savā vietnē, izmantojot HTML5

Ja jums patīk rediģēt savas vietnes kodu, viens no vienkāršākajiem veidiem, kā iegult MP3 failu, ir HTML5 izmantošana.





HTML5 tags var šķist vienkāršs no pirmā acu uzmetiena, taču tas ir spēcīgs, jo ir saderīgs ar visām galvenajām galddatoru un mobilo ierīču pārlūkprogrammām.

Lai iegultu MP3 ar HTML5, izmantojiet šo kodu:



Your browser does not support the audio tag.

Vienkārši nomainiet MP3 URL ŠEIT ar augšupielādēto audio failu. Tas nevar būt jūsu datorā saglabāts fails; tam jābūt pieejamam tiešsaistē.

kā es varu neierobežoti atcelt savu iekurt

Šis kods lapā ievietos nelielu audio atskaņotāju, no kura lietotājs varēs atskaņot, apturēt, berzt un pielāgot skaļumu. Lūk, kā tas izskatās pārlūkprogrammā Firefox:





Šis kods ietver arī ziņojumu, kas tiks parādīts multivides atskaņotāja vietā, ja maz ticams, ka lietotāja pārlūkprogramma neatbalsta atskaņotāju.

Varat izmantot tādus atribūtus kā automātiskā atskaņošana un cilpa , piemēram:





Your browser does not support the audio tag.

Ņemiet vērā, ka lielākā daļa pārlūkprogrammu neatbalsta automātisko atskaņošanu, jo tiek uzskatīts par sliktu praksi automātiski piespiest audio lietotājiem.

Pamata pielāgošanu var piemērot audio atskaņotāja blokam, izmantojot CSS, piemēram robeža un polsterējums . Tomēr jums būs jāizmanto JavaScript, lai pareizi veidotu pašu atskaņotāju, lai tas būtu konsekvents visās pārlūkprogrammās.

Plašāku informāciju par HTML5 audio atskaņotāja atribūtiem un pielāgošanu var atrast vietnē MDN tīmekļa dokumenti .

kā Photoshop atlasīt visas krāsas

Saistīts: Forši HTML efekti, kurus ikviens var pievienot savām vietnēm

2. Iegult MP3 savā vietnē, izmantojot Google disku

Google disks ir lielisks un bezmaksas mākoņu krātuves nodrošinātājs . To var izmantot, lai augšupielādētu MP3 failu un izveidotu audio atskaņotāju.

Kad MP3 disks ir augšupielādēts Google diskā:

  1. Noklikšķiniet ar peles labo pogu failu un noklikšķiniet uz Iegūt saiti .
  2. Mainiet pieejamības ierobežojumu uz Ikviens, kam ir saite .
  3. Visbeidzot, noklikšķiniet Kopēt saiti .

Tādējādi tiks parādīts līdzīgs URL:

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

Aizvietot skats? usp = koplietošana ar priekšskatījums , piemēram:

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

Pēc tam izmantojiet

Jūs varat pielāgot, pievienot vai noņemt atribūtus (piemēram rāmja apmale un platums ) kā nepieciešams.

Tas iegulst MP3 jūsu vietnē, izmantojot Google diska atskaņotāju. Lietotāji var spēlēt, berzt un pielāgot skaļumu, tāpat kā HTML5 atskaņotājā. Lūk, kā tas izskatās:

Galvenā atšķirība ir a izlekt pogu. Tādējādi tiek atvērts MP3 disks Google diskā, kur lietotāji var pievienot komentārus, koplietot failu un veikt citas darbības.

3. Iegūstiet MP3 savā vietnē, izmantojot CMS

Ja savai vietnei izmantojat satura pārvaldības sistēmu (CMS), iespējams, joprojām varat izmantot iepriekš minētās metodes. Tas nozīmē, ka jums var nebūt ērti rediģēt HTML kodu.

kā samazināt jpg izmēru

Jebkura laba CMS ļaus jums viegli pievienot audio savai vietnei, izmantojot tās saskarni. Piemēram, programmā WordPress jums tas vienkārši ir nepieciešams pievienot bloku , izvēlieties Audio , un tad vai nu Augšupielādēt MP3, izvēlieties to no sava Mediju bibliotēka , vai Ievietot no URL .

Neatkarīgi no tā, vai izmantojat Google vietnes, ExpressionEngine vai pakalpojumu, piemēram, Squarespace, audio pievienošanas process būs nedaudz atšķirīgs, tāpēc, lai iegūtu pilnīgus norādījumus, noteikti skatiet uzņēmuma palīdzības dokumentāciju.

Ļaujiet apmeklētājiem viegli klausīties MP3

Izmantojot kādu no iepriekš minētajām metodēm, jūsu vietnes apmeklētāji tagad varēs viegli klausīties MP3 failus, izmantojot multivides atskaņotāju.

Tomēr jums ne vienmēr ir jāizmanto MP3 faili. Ir arī daudzi citi izplatīti audio formāti, piemēram, WAV un FLAC, kurus savā vietnē varat atskaņot uzreiz.

Kopīgot Kopīgot Čivināt E -pasts 10 visbiežāk sastopamie audio formāti: kuru izmantot?

Jūs zināt par MP3, bet kā ir ar AAC, FLAC, OGG vai WMA? Kāpēc pastāv tik daudz audio failu formātu un vai ir labākais audio formāts?

Lasīt Tālāk
Saistītās tēmas
  • Internets
  • Web izstrāde
  • Tīmekļa pārziņa rīki
  • HTML5
Par autoru Džo Kīlijs(652 publicētie raksti)

Džo piedzima ar tastatūru rokās un uzreiz sāka rakstīt par tehnoloģijām. Viņam ir bakalaura grāds uzņēmējdarbībā, un tagad viņš ir pilna laika ārštata rakstnieks, kuram patīk padarīt tehnoloģijas vienkāršas ikvienam.

Vairāk no Džo Kīlija

Abonējiet mūsu biļetenu

Pievienojieties mūsu informatīvajam izdevumam, lai iegūtu tehniskus padomus, pārskatus, bezmaksas e -grāmatas un ekskluzīvus piedāvājumus!

Noklikšķiniet šeit, lai abonētu