Ako vložiť bezplatný prehrávač MP3 na svoj web: 3 spôsoby

Ako vložiť bezplatný prehrávač MP3 na svoj web: 3 spôsoby

Ak chcete, aby sa návštevníkom vašich webových stránok páčil súbor MP3, jedným z najľahších spôsobov, ako to urobiť, je vložiť ho na stránku. Vďaka vstavanému prehrávaču MP3 si návštevníci nemusia sťahovať zvuk priamo ani používať ďalší softvér, pretože prehráva priamo.





Podrobne popíšeme rôzne metódy, ktoré môžete použiť na vloženie súboru MP3 na svoj web, vrátane použitia HTML5 a Disku Google.





1. Vložte MP3 na svoj web pomocou HTML5

Ak vám vyhovuje úprava kódu na vašich webových stránkach, jedným z najľahších spôsobov, ako vložiť súbor MP3, je použiť HTML5.





HTML5 Na prvý pohľad sa môže značka javiť ako základná, ale je účinná, pretože je kompatibilná so všetkými hlavnými prehliadačmi pre počítače a mobilné zariadenia.

Na vloženie MP3 do HTML5 použite tento kód:



Your browser does not support the audio tag.

Jednoducho vymeňte MP3 URL TU s nahraným zvukovým súborom. Nemôže to byť súbor uložený vo vašom počítači; musí byť k dispozícii online.

najlepší spúšťač pre televízny box pre Android

Tento kód umiestni na stránku malý zvukový prehrávač, z ktorého môže používateľ prehrávať, pozastavovať, drhnúť a upravovať hlasitosť. Ako to vyzerá vo Firefoxe:





Tento kód tiež obsahuje správu, ktorá sa zobrazí namiesto prehrávača médií za nepravdepodobných okolností, že prehliadač používateľa prehrávač nepodporuje.

Môžete použiť atribúty ako napr automatické prehrávanie a slučka , ako:





Your browser does not support the audio tag.

Majte na pamäti, že väčšina prehliadačov nebude podporovať automatické prehrávanie, pretože je automaticky považovaný za zlý spôsob, ako automaticky vnucovať zvuk používateľom.

Základné prispôsobenie je možné použiť na blok prehrávača zvuku pomocou CSS, ako hranica a vypchávka . Na správne nastavenie samotného prehrávača tak, aby bol konzistentný vo všetkých prehliadačoch, však budete musieť použiť JavaScript.

Viac informácií o atribútoch zvukového prehrávača HTML5 a prispôsobení nájdete na Webové dokumenty MDN .

ako hrať staré hry s pokémonmi

Súvisiace: Cool HTML efekty, ktoré môže ktokoľvek pridať na svoje webové stránky

2. Vložte MP3 na svoj web pomocou Disku Google

Disk Google je vynikajúci a bezplatný poskytovateľ cloudového úložiska . Môžete ho použiť na odovzdanie súboru MP3 a vytvorenie zvukového prehrávača.

S MP3 nahraným na Disk Google:

  1. Kliknite pravým tlačidlom myši súbor a kliknite na Dostať odkaz .
  2. Zmeňte obmedzenie prístupnosti na Ktokoľvek s odkazom .
  3. Nakoniec kliknite Skopírovať odkaz .

Získate tak adresu URL podobnú tejto:

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

Vymeňte zobraziť? usp = zdieľanie s Náhľad , ako:

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

Potom použite príponu

Atribúty môžete upravovať, pridávať alebo odstraňovať (napr rámec a šírka ) ako nevyhnutné.

To vloží MP3 na váš web pomocou prehrávača Google Drive. Používatelia môžu hrať, drhnúť a upravovať hlasitosť, rovnako ako v prehrávači HTML5. Ako to vyzerá:

Hlavným rozdielom je prítomnosť a vyskočí tlačidlo. Tým sa otvorí MP3 na Disku Google, kde môžu používatelia pridávať komentáre, zdieľať súbor a ďalšie.

3. Vložte MP3 na svoj web pomocou CMS

Ak pre svoju webovú stránku používate systém na správu obsahu (CMS), pravdepodobne budete môcť použiť vyššie uvedené metódy. To znamená, že vám nemusí vyhovovať úprava kódu HTML.

ako môžu byť hacknuté účty na Facebooku

Každý dobrý CMS vám umožní ľahko pridať zvuk na váš web prostredníctvom jeho rozhrania. Napríklad na WordPresse jednoducho musíte pridať blok , vyberte Zvuk , a potom buď Odovzdať MP3, vyberte ho zo svojho Mediálna knižnica , alebo Vložiť z adresy URL .

Bez ohľadu na to, či používate Weby Google, ExpressionEngine alebo službu ako Squarespace, proces pridávania zvuku sa bude mierne líšiť, takže úplné pokyny nájdete v dokumentácii k pomoci spoločnosti.

Nechajte svojich návštevníkov jednoducho počúvať MP3

Použitím ktorejkoľvek z vyššie uvedených metód budú môcť návštevníci vašich webových stránok teraz jednoducho počúvať súbory MP3 prostredníctvom prehrávača médií.

To znamená, že nie vždy musíte používať súbory MP3. Existuje mnoho ďalších bežných zvukových formátov, ako sú WAV a FLAC, ktoré môžete na svojom webe rovnako prehrávať in -line.

zdieľam zdieľam Tweet E -mail 10 najbežnejších zvukových formátov: ktorý by ste mali použiť?

Viete o MP3, ale čo AAC, FLAC, OGG alebo WMA? Prečo existuje toľko formátov zvukových súborov a existuje najlepší formát zvuku?

Čítajte ďalej
Súvisiace témy
  • Internet
  • Vývoj webových aplikácií
  • Nástroje správcu webu
  • HTML5
O autorovi Joe Keeley(652 publikovaných článkov)

Joe sa narodil s klávesnicou v rukách a hneď začal písať o technológiách. Má titul BA (Hons) v obchode a teraz je nezávislým spisovateľom na plný úväzok, ktorý rád robí technológiu jednoduchou pre každého.

Viac od Joe Keeleyho

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné elektronické knihy a exkluzívne ponuky!

Kliknutím sem sa prihlásite na odber