Vložení audio přehrávače

Audio Player 2.0

The default mechanism for inserting a player in a post is to use the syntax:

This will insert a player and load your_mp3_file.mp3 into it.

Using the WordPress Media Library is by far the simplest way of using Audio Player. If you are using WP 2.5 or higher, you can use the Add Audio button. After select a file from your computer and uploading it via the Media Library screen, select the Audio Player option for the Link URL.

FAQ »


Spotify Play Button

Easily added to post or page for instant play of album, playlist or song.

Haiku minimalist audio player

A simple HTML5-based audio player that inserts a text link or graphical player for audio playback. Compatible with WP Audio Player style links, fully accessible and degrades gracefully, and includes Google Analytics tracking of audio plays.

HTML5 jQuery Audio Player

This trendy looking music player lets you add a single audio track or a full playlist to your WordPress site using shortcode. You can customise the colours of the player, and also display ratings, album cover art, and buy/download link if needed. This audio player is different from others on offer because it works on all major browsers, both PC and Mac, and on mobile devices including iPhone/iPad.

oEmbed HTML5 audio

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.

Note: There is a file embedded within this post, please visit this post to download the file.