Jak vložit bezplatný přehrávač MP3 na svůj web: 3 způsoby

Jak vložit bezplatný přehrávač MP3 na svůj web: 3 způsoby

Pokud chcete, aby si návštěvníci vašich webových stránek užili soubor MP3, je jedním z nejjednodušších způsobů, jak toho dosáhnout, vložení na stránku. Díky integrovanému přehrávači MP3 nemusí návštěvníci přímo stahovat zvuk ani používat další software, protože přehrává přímo.





Podrobně popíšeme různé metody, které můžete použít k vložení MP3 na váš web, včetně použití HTML5 a Disku Google.





1. Vložte na svůj web MP3 ve formátu HTML5

Pokud vám vyhovuje úprava kódu vašeho webu, je jedním z nejjednodušších způsobů, jak vložit soubor MP3, použití HTML5.





HTML5 tag se může na první pohled zdát základní, ale je účinný, protože je kompatibilní se všemi hlavními prohlížeči pro stolní počítače a mobilní prohlížeče.

Chcete -li vložit MP3 do HTML5, použijte tento kód:



Your browser does not support the audio tag.

Jednoduše vyměnit MP3 URL ZDE s nahraným zvukovým souborem. Nemůže to být soubor uložený ve vašem počítači; musí být k dispozici online.

jak sledovat film s někým přes internet

Tento kód umístí na stránku malý zvukový přehrávač, ze kterého může uživatel přehrávat, pozastavovat, drhnout a upravovat hlasitost. Jak to vypadá ve Firefoxu:





Tento kód také obsahuje zprávu, která se zobrazí místo přehrávače médií za nepravděpodobných okolností, že prohlížeč uživatele přehrávač nepodporuje.

Můžete použít atributy jako např automatické přehrávání a smyčka , jako tak:





Your browser does not support the audio tag.

Mějte na paměti, že většina prohlížečů nebude podporovat automatické přehrávání, protože je považováno za špatný postup automaticky vnucovat zvuk uživatelům.

Základní přizpůsobení lze použít na blok audio přehrávače pomocí CSS, jako okraj a polstrování . Ke správnému nastylování samotného přehrávače tak, aby byl konzistentní ve všech prohlížečích, však budete muset použít JavaScript.

Další informace o atributech a přizpůsobení zvukového přehrávače HTML5 najdete na Webové dokumenty MDN .

Windows 10 klíč Windows nefunguje

Příbuzný: Skvělé efekty HTML, které může kdokoli přidat na své webové stránky

2. Vložte na svůj web MP3 pomocí Disku Google

Disk Google je vynikající a bezplatný poskytovatel cloudového úložiště . Můžete jej použít k nahrání souboru MP3 a vytvoření audio přehrávače.

S MP3 nahraným na Disk Google:

  1. Klikněte pravým tlačítkem myši soubor a klikněte Získat odkaz .
  2. Změňte omezení přístupnosti na Kdokoli s odkazem .
  3. Nakonec klikněte Kopírovat odkaz .

Získáte adresu URL podobnou této:

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

Nahradit zobrazit? usp = sdílení s náhled , jako tak:

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

Poté použijte

Atributy můžete upravit, přidat nebo odebrat (např rámeček a šířka ) jako nezbytné.

To vloží MP3 na váš web pomocí přehrávače Google Drive. Uživatelé mohou hrát, drhnout a upravovat hlasitost, stejně jako u přehrávače HTML5. Jak to vypadá:

Hlavním rozdílem je přítomnost a vyskočit knoflík. Tím se otevře MP3 na Disku Google, kde mohou uživatelé přidávat komentáře, sdílet soubor a další.

3. Vložte do svého webu MP3 pomocí CMS

Pokud pro své webové stránky používáte systém pro správu obsahu (CMS), pravděpodobně budete stále moci použít výše uvedené metody. To znamená, že vám nemusí být příjemné upravovat kód HTML.

resetujte heslo na Facebooku bezpečnostní otázkou

Jakýkoli dobrý CMS vám umožní snadno přidat zvuk na vaše webové stránky prostřednictvím jeho rozhraní. Například na WordPressu prostě musíte přidat blok , vyberte Zvuk , a pak buď nahrát MP3, vyberte jej ze svého Mediální knihovna , nebo Vložit z adresy URL .

Ať už používáte Weby Google, ExpressionEngine nebo službu jako Squarespace, proces přidávání zvuku se bude mírně lišit, takže úplné pokyny najdete v dokumentaci nápovědy společnosti.

Nechte své návštěvníky snadno poslouchat MP3

Pomocí kterékoli z výše uvedených metod budou nyní návštěvníci vašich webových stránek moci snadno poslouchat soubory MP3 prostřednictvím přehrávače médií.

To znamená, že nemusíte vždy používat soubory MP3. Existuje mnoho dalších běžných zvukových formátů, jako jsou WAV a FLAC, které můžete na svém webu přehrávat stejně inline.

Podíl Podíl tweet E-mailem 10 nejběžnějších zvukových formátů: Který byste měli použít?

Víte o MP3, ale co AAC, FLAC, OGG nebo WMA? Proč existuje tolik formátů zvukových souborů a existuje nejlepší formát zvuku?

Číst dále
Související témata
  • Internet
  • Vývoj webu
  • Nástroje pro webmastery
  • HTML5
O autorovi Joe Keeley(652 publikovaných článků)

Joe se narodil s klávesnicí v rukou a okamžitě začal psát o technologii. Má titul BA (Hons) v oboru podnikání a nyní je spisovatelem na volné noze na plný úvazek, který rád dělá jednoduchou technologii pro každého.

Více od Joe Keeley

Přihlaste se k odběru našeho zpravodaje

Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!

Kliknutím sem se přihlásíte k odběru