Kaip į savo svetainę įterpti nemokamą MP3 grotuvą: 3 būdai

Kaip į savo svetainę įterpti nemokamą MP3 grotuvą: 3 būdai

Jei norite, kad jūsų svetainės lankytojai mėgautųsi MP3 failu, vienas iš paprasčiausių būdų tai padaryti yra įterpti jį į puslapį. Naudodami įterptąjį MP3 grotuvą, lankytojams nereikia tiesiogiai atsisiųsti garso įrašo ar naudoti papildomos programinės įrangos, nes jis atkuriamas tiesiogiai.





Mes išsamiai aprašysime įvairius metodus, kuriuos galite naudoti įterpdami MP3 į savo svetainę, įskaitant HTML5 ir „Google“ diską.





1. Įterpkite MP3 į savo svetainę naudodami HTML5

Jei jums patogu redaguoti savo svetainės kodą, vienas iš paprasčiausių būdų įterpti MP3 failą yra naudoti HTML5.





HTML5 žyma iš pirmo žvilgsnio gali atrodyti paprasta, tačiau ji yra galinga, nes suderinama su visomis pagrindinėmis stalinių kompiuterių ir mobiliųjų įrenginių naršyklėmis.

Norėdami įterpti MP3 su HTML5, naudokite šį kodą:



Your browser does not support the audio tag.

Tiesiog pakeiskite MP3 URL ČIA su įkeltu garso failu. Tai negali būti failas, saugomas jūsų kompiuteryje; ji turi būti prieinama internete.

kaip parašyti žinutę žmonėms „YouTube“

Šis kodas puslapyje įdės nedidelį garso grotuvą, iš kurio vartotojas galės groti, pristabdyti, šveisti ir reguliuoti garsumą. Štai kaip tai atrodo „Firefox“:





Į šį kodą taip pat įeina pranešimas, kuris bus rodomas vietoj medijos leistuvo, tikėtina, kad vartotojo naršyklė nepalaiko grotuvo.

Galite pritaikyti tokius atributus kaip automatinis paleidimas ir kilpa , panašiai:





Your browser does not support the audio tag.

Turėkite omenyje, kad dauguma naršyklių nepalaiko automatinio paleidimo, nes laikoma bloga praktika automatiškai priversti vartotojus perkelti garsą.

Pagrindinį pritaikymą galima pritaikyti garso grotuvo blokui naudojant CSS, pvz siena ir paminkštinimas . Tačiau turėsite naudoti „JavaScript“, kad tinkamai sukurtumėte patį grotuvą, kad jis būtų nuoseklus visose naršyklėse.

Daugiau informacijos apie HTML5 garso grotuvo atributus ir tinkinimą rasite MDN žiniatinklio dokumentai .

kaip sujaudinti ką nors „Facebook“, kurį užblokavote

Susijęs: Šaunūs HTML efektai, kuriuos kiekvienas gali pridėti prie savo svetainių

2. Įterpkite MP3 į savo svetainę naudodami „Google“ diską

„Google“ diskas yra puikus ir nemokamas debesų saugojimo paslaugų teikėjas . Galite jį naudoti norėdami įkelti MP3 failą ir sukurti garso grotuvą.

Įkeliant MP3 į „Google“ diską:

  1. Dešiniuoju pelės mygtuku spustelėkite failą ir spustelėkite Gauti nuorodą .
  2. Pakeiskite pritaikymo neįgaliesiems apribojimą į Kiekvienas, turintis nuorodą .
  3. Galiausiai spustelėkite Nukopijuoti nuorodą .

Tai suteiks jums URL, panašų į šį:

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

Pakeisti peržiūra? usp = bendrinimas su peržiūrėti , panašiai:

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

Tada naudokite

Galite koreguoti, pridėti arba pašalinti atributus (pvz rėmelio siena ir pločio ) pagal poreikį.

Tai įterps MP3 į jūsų svetainę naudodami „Google“ disko grotuvą. Vartotojai gali žaisti, šveisti ir reguliuoti garsumą, kaip ir naudodami HTML5 grotuvą. Štai kaip tai atrodo:

Pagrindinis skirtumas yra a iššokti mygtuką. Tai atveria MP3 „Google“ diske, kur vartotojai gali pridėti komentarų, bendrinti failą ir dar daugiau.

3. Įterpkite MP3 į savo svetainę naudodami TVS

Jei savo svetainėje naudojate turinio valdymo sistemą (TVS), greičiausiai vis tiek galite naudoti aukščiau nurodytus metodus. Tai reiškia, kad jums gali būti nepatogu redaguoti HTML kodą.

kažkas bandė prisijungti prie mano feisbuko iš kitos šalies

Bet kokia gera TVS leis lengvai pridėti garso įrašą į savo svetainę per jos sąsają. Pavyzdžiui, „WordPress“ jums tiesiog reikia pridėti bloką , pasirinkite Garsas , ir tada arba Įkelti MP3, pasirinkite jį iš savo Medijos biblioteka , arba Įterpti iš URL .

Nesvarbu, ar naudojate „Google“ svetaines, „ExpressionEngine“, ar tokią paslaugą kaip „Squarespace“, garso pridėjimo procesas bus šiek tiek kitoks, todėl būtinai perskaitykite įmonės pagalbos dokumentus.

Leiskite lankytojams lengvai klausytis MP3

Naudodami bet kurį iš aukščiau išvardytų metodų, jūsų svetainės lankytojai dabar galės lengvai klausytis MP3 failų per daugialypės terpės grotuvą.

Tačiau ne visada reikia naudoti MP3 failus. Yra daug kitų įprastų garso formatų, tokių kaip WAV ir FLAC, kuriuos galite vienodai atkurti savo svetainėje.

Dalintis Dalintis „Tweet“ Paštu 10 dažniausiai pasitaikančių garso formatų: kurį naudoti?

Jūs žinote apie MP3, bet kaip su AAC, FLAC, OGG ar WMA? Kodėl egzistuoja tiek daug garso failų formatų ir ar yra geriausias garso formatas?

Skaityti toliau
Susijusios temos
  • internetas
  • Interneto svetainių kūrimas
  • Žiniatinklio valdytojo įrankiai
  • HTML5
Apie autorių Joe Keeley(Paskelbti 652 straipsniai)

Joe gimė su klaviatūra rankose ir iškart pradėjo rašyti apie technologijas. Jis turi verslo bakalauro laipsnį (Hons) ir dabar yra nuolatinis laisvai samdomas rašytojas, kuriam patinka, kad technologijos yra paprastos visiems.

Daugiau iš Joe Keeley

Prenumeruokite mūsų naujienlaiškį

Prisijunkite prie mūsų naujienlaiškio, kad gautumėte techninių patarimų, apžvalgų, nemokamų el. Knygų ir išskirtinių pasiūlymų!

Norėdami užsiprenumeruoti, spustelėkite čia