Dělal jsem pro svůj jiný webový projekt článek a týkal se hudby, konkrétně skladeb, které vydal jistý server. Pochopitelně mě napadlo, že by bylo hezké, kdyby si čtenáři mohli ty audio soubory poslechnout rovnou v článku. A nejlepší by bylo, kdyby to bylo udělané pomocí nového standardu HTML5 audio.
Hned mě napadlo, že to je ideální možnost využití technologie oEmbed, kterou používá redakční systém WordPress. Jenže ouha, nenašel jsem nic, co by se mi líbilo. Nezbylo tedy než napsat své vlastní řešení.
Výsledkem je tedy plugin, který umožní extrémně jednoduše vkládat do příspěvků ve WordPressu audio soubory tak, že si je čtenáři mohou přímo z webu pustit a poslechnout. Jednoduché znamená, že do článku vložíte webovou adresu na audio soubor jako samostatný odstavec a o záměnu na audio přehrávač se již automaticky postará WordPress. Tento princip samozřejmě není moje zásluha, to je obecná vlastnost technologie oEmbed, kterou jsem použil, já to jen rozšířil o podporu audia.
Zadejte adresu ukazující na MP3 soubor jako samostatný odstavec
Možná Vás napadlo, že když jsem výše zmínil použití HTML5 pro audio přehrávač, jak na tom asi budou uživatelé se staršími přehrávači. Pochopitelně mě taková otázka také napadla a nehodil jsem je přes palubu. Plugin poskytuje také záložní řešení ve formě MP3 přehrávače napsaného ve Flashi (ten pochází od Googlu). Tento záložní přehrávač je použit nejen v případě, že webový prohlížeč je starší a nepodporuje HTML5, ale i v případech, kdy moderní prohlížeč z nějakého důvodu nepodporuje formát MP3 (to se týká Firefoxu a Opery). Bohužel záložní přehrávač umí pouze formát MP3 a tak nefunguje na formáty OGG nebo WAV.
A v prohlížeči se namísto adresy zobrazí audio přehrávač
Pokud by se Vám tedy také hodilo jednoduché vkládání audio přehrávače do vašich stránek postavených na WordPressu, zkuste můj plugin. Uvidíte, budete spokojeni.
oEmbed HTML5 audio - plugin pro WordPress (58,3 KiB, 4 624 stažení)
Související články na honza.info:
