CINXE.COM

plugin:jukebox [DokuWiki]

<!DOCTYPE html> <html lang="en" dir="ltr" class="no-js"> <head> <meta charset="utf-8" /> <title>plugin:jukebox [DokuWiki]</title> <meta name="generator" content="DokuWiki"/> <meta name="theme-color" content="#008800"/> <meta name="robots" content="index,follow"/> <meta name="keywords" content="plugin,jukebox"/> <link rel="search" type="application/opensearchdescription+xml" href="/lib/exe/opensearch.php" title="DokuWiki"/> <link rel="start" href="/"/> <link rel="contents" href="/plugin:jukebox?do=index" title="Sitemap"/> <link rel="manifest" href="/lib/exe/manifest.php"/> <link rel="alternate" type="application/rss+xml" title="Recent Changes" href="/feed.php"/> <link rel="alternate" type="application/rss+xml" title="Current namespace" href="/feed.php?mode=list&amp;ns=plugin"/> <link rel="edit" title="Edit this page" href="/plugin:jukebox?do=edit"/> <link rel="alternate" type="text/html" title="Plain HTML" href="/_export/xhtml/plugin:jukebox"/> <link rel="alternate" type="text/plain" title="Wiki Markup" href="/_export/raw/plugin:jukebox"/> <link rel="canonical" href="https://www.dokuwiki.org/plugin:jukebox"/> <link rel="stylesheet" href="/lib/exe/css.php?t=dokuwiki&amp;tseed=f1005bad3d81fc9c803c7f93d32a390e"/> <script >var NS='plugin';var JSINFO = {"plugins":{"edittable":{"default columnwidth":""}},"id":"plugin:jukebox","namespace":"plugin","ACT":"show","useHeadingNavigation":0,"useHeadingContent":0};(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer="defer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" defer="defer"></script> <script src="/lib/exe/js.php?t=dokuwiki&amp;tseed=f1005bad3d81fc9c803c7f93d32a390e&amp;lang=en" defer="defer"></script> <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="shortcut icon" href="/lib/tpl/dokuwiki/images/favicon.ico" /> <link rel="apple-touch-icon" href="/lib/tpl/dokuwiki/images/apple-touch-icon.png" /> <meta name="verify-v1" content="OVxl3gsCv2MhZqh1cBQyl0JytWXSwXMjyvwc+4w3WtA=" /> <meta name="google-site-verification" content="YhTVK69hW94ZXUtc2zSLPxTkZKbZIn0zK67mz5WQB-E" /> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-83791-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-83791-1', { 'anonymize_ip': true }); </script> </head> <body> <div id="dokuwiki__site"><div id="dokuwiki__top" class="site dokuwiki mode_show tpl_dokuwiki showSidebar hasSidebar"> <!-- ********** HEADER ********** --> <header id="dokuwiki__header"><div class="pad group"> <div class="headings group"> <ul class="a11y skip"> <li><a href="#dokuwiki__content">skip to content</a></li> </ul> <h1 class="logo"><a href="/start" accesskey="h" title="Home [h]"><img src="/lib/tpl/dokuwiki/images/logo.png" width="64" height="64" alt="" /><span>DokuWiki</span></a></h1> <p class="claim">It's better when it's simple</p> </div> <div class="tools group"> <!-- USER TOOLS --> <div id="dokuwiki__usertools"> <h3 class="a11y">User Tools</h3> <ul> <li class="action login"><a href="/plugin:jukebox?do=login&amp;sectok=" title="Log In" rel="nofollow"><span>Log In</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 17.25V14H3v-4h7V6.75L15.25 12 10 17.25M8 2h9a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-4h2v4h9V4H8v4H6V4a2 2 0 0 1 2-2z"/></svg></a></li> </ul> </div> <!-- SITE TOOLS --> <div id="dokuwiki__sitetools"> <h3 class="a11y">Site Tools</h3> <form action="/start" method="get" role="search" class="search doku_form" id="dw__search" accept-charset="utf-8"><input type="hidden" name="do" value="search" /><input type="hidden" name="id" value="plugin:jukebox" /><div class="no"><input name="q" type="text" class="edit" title="[F]" accesskey="f" placeholder="Search" autocomplete="on" id="qsearch__in" value="" /><button value="1" type="submit" title="Search">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form> <div class="mobileTools"> <form action="/doku.php" method="get" accept-charset="utf-8"><div class="no"><input type="hidden" name="id" value="plugin:jukebox" /><select name="do" class="edit quickselect" title="Tools"><option value="">Tools</option><optgroup label="Page Tools"><option value="edit">Edit this page</option><option value="revisions">Old revisions</option><option value="backlink">Backlinks</option></optgroup><optgroup label="Site Tools"><option value="recent">Recent Changes</option><option value="media">Media Manager</option><option value="index">Sitemap</option></optgroup><optgroup label="User Tools"><option value="login">Log In</option></optgroup></select><button type="submit">&gt;</button></div></form> </div> <ul> <li class="action recent"><a href="/plugin:jukebox?do=recent" title="Recent Changes [r]" rel="nofollow" accesskey="r">Recent Changes</a></li><li class="action media"><a href="/plugin:jukebox?do=media&amp;ns=plugin" title="Media Manager" rel="nofollow">Media Manager</a></li><li class="action index"><a href="/plugin:jukebox?do=index" title="Sitemap [x]" rel="nofollow" accesskey="x">Sitemap</a></li> </ul> </div> </div> <!-- BREADCRUMBS --> <div class="breadcrumbs"> <div class="trace"><span class="bchead">Trace:</span> <span class="bcsep">•</span> <span class="curid"><bdi><a href="/plugin:jukebox" class="breadcrumbs" title="plugin:jukebox">jukebox</a></bdi></span></div> </div> <hr class="a11y" /> </div></header><!-- /header --> <div class="wrapper group"> <!-- ********** ASIDE ********** --> <nav id="dokuwiki__aside" aria-label="Sidebar"><div class="pad aside include group"> <h3 class="toggle">Sidebar</h3> <div class="content"><div class="group"> <p> <strong>Learn about DokuWiki</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/features" class="wikilink1" title="features" data-wiki-id="features">Features</a> &amp; <a href="/blogroll" class="wikilink1" title="blogroll" data-wiki-id="blogroll">reviews</a> </div> </li> <li class="level1"><div class="li"> <a href="/install" class="wikilink1" title="install" data-wiki-id="install">Installation guide</a></div> </li> <li class="level1"><div class="li"> <a href="/manual" class="wikilink1" title="manual" data-wiki-id="manual">User manual</a> &amp; <a href="/wiki:syntax" class="wikilink1" title="wiki:syntax" data-wiki-id="wiki:syntax">syntax</a></div> </li> <li class="level1"><div class="li"> <a href="/changes" class="wikilink1" title="changes" data-wiki-id="changes">Release notes</a></div> </li> <li class="level1"><div class="li"> <a href="/faq" class="wikilink1" title="faq" data-wiki-id="faq">FAQ</a></div> </li> </ul> <p> <strong>Advanced Use</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/extensions" class="wikilink1" title="extensions" data-wiki-id="extensions">Extensions</a></div> </li> <li class="level1"><div class="li"> <a href="/development" class="wikilink1" title="development" data-wiki-id="development">Development manual</a></div> </li> </ul> <p> <strong>Corporate Use</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/faq:support" class="wikilink1" title="faq:support" data-wiki-id="faq:support">Get support</a></div> </li> <li class="level1"><div class="li"> <a href="/donate" class="wikilink1" title="donate" data-wiki-id="donate">Donations</a></div> </li> </ul> <p> <strong>Our Community</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/teams:getting_involved" class="wikilink1" title="teams:getting_involved" data-wiki-id="teams:getting_involved">Get involved</a></div> </li> <li class="level1"><div class="li"> <a href="/dokuinstall" class="wikilink1" title="dokuinstall" data-wiki-id="dokuinstall">Users</a></div> </li> <li class="level1"><div class="li"> <a href="http://forum.dokuwiki.org" class="urlextern" title="http://forum.dokuwiki.org">User forum</a></div> </li> <li class="level1"><div class="li"> <a href="/mailinglist" class="wikilink1" title="mailinglist" data-wiki-id="mailinglist">Development mailinglist</a></div> </li> </ul> <hr /> <p> Follow us on <a href="https://phpc.social/@dokuwiki" class="urlextern" title="https://phpc.social/@dokuwiki">Mastodon</a> and other <a href="/social" class="wikilink1" title="social" data-wiki-id="social">social networks</a>. </p> <p> <a href="/privacy" class="wikilink1" title="privacy" data-wiki-id="privacy">Our Privacy Policy</a> </p> </div></div> </div></nav><!-- /aside --> <!-- ********** CONTENT ********** --> <main id="dokuwiki__content"><div class="pad group"> <div class="pageId"><span>plugin:jukebox</span></div> <div class="page group"> <!-- wikipage start --> <!-- TOC START --> <div id="dw__toc" class="dw__toc"> <h3 class="toggle">Table of Contents</h3> <div> <ul class="toc"> <li class="level1"><div class="li"><a href="#jukebox_plugin">jukebox Plugin</a></div> <ul class="toc"> <li class="level2"><div class="li"><a href="#download_and_installation">Download and Installation</a></div> <ul class="toc"> <li class="level3"><div class="li"><a href="#changes">Changes</a></div></li> </ul> </li> <li class="level2"><div class="li"><a href="#syntax_and_usage">Syntax and Usage</a></div> <ul class="toc"> <li class="level3"><div class="li"><a href="#skins">Skins</a></div></li> </ul> </li> <li class="level2"><div class="li"><a href="#bugs_caveats_todos">Bugs/Caveats/Todos</a></div></li> </ul></li> </ul> </div> </div> <!-- TOC END --> <h1 class="sectionedit1" id="jukebox_plugin">jukebox Plugin</h1> <div class="level1"> <div class="pluginrepo_entry obsoleted"><div class="usageInfo"><div class="compatibility"><p class="label">Compatible with DokuWiki</p><p>elenor of tsort, detritus, frusterick manners, Greebo</p></div><ul class="actions"><li><a class="download" href="https://github.com/splitbrain/dokuwiki-plugin-jukebox/zipball/master">Download</a></li><li><a class="bugs" href="https://github.com/splitbrain/dokuwiki-plugin-jukebox/issues">Report bugs</a></li><li><a class="donate" href="http://donate.dokuwiki.org/Jukebox">Donate</a></li></ul><div class="clearer"></div></div><div class="mainInfo"><p class="description"><a class="media" href="/plugins"><img alt="plugin" class="medialeft" src="/lib/plugins/pluginrepo/images/dwplugin.png" width="60" height="60" /></a> Plays a namespace full of MP3s or FLV videos in a flashplayer</p></div><div class="metaInfo"><dl><dt>Last updated on</dt><dd>2016-02-03</dd><dt>Provides</dt><dd><a href="/plugins?plugintype=1#extension__table" class="wikilink1" title="List all Syntax plugins">Syntax</a></dd><dt>Repository</dt><dd><a class="urlextern" href="https://github.com/splitbrain/dokuwiki-plugin-jukebox">Source</a></dd></dl></div><div class="moreInfo"><div class="notify"><p><strong>This extension is marked as obsoleted.</strong> Therefore it is hidden in the Extension Manager and the extension listing. Furthermore, it is candidate for removal.</p></div><div class="notify"><p>This extension has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues.</p></div><p class="similar">Similar to <a href="/plugin:flashplayer" class="wikilink1" title="plugin:flashplayer" data-wiki-id="plugin:flashplayer">flashplayer</a>, <a href="/plugin:flowplay" class="wikilink1" title="plugin:flowplay" data-wiki-id="plugin:flowplay">flowplay</a>, <a href="/plugin:flowplay2" class="wikilink1" title="plugin:flowplay2" data-wiki-id="plugin:flowplay2">flowplay2</a>, <a href="/plugin:mp3play" class="wikilink1" title="plugin:mp3play" data-wiki-id="plugin:mp3play">mp3play</a></p><p class="tags">Tagged with <a href="/plugins?plugintag=%21obsolete#extension__table" class="wikilink1" title="List all plugins with this tag">!obsolete</a>, <a href="/plugins?plugintag=embed#extension__table" class="wikilink1" title="List all plugins with this tag">embed</a>, <a href="/plugins?plugintag=flash#extension__table" class="wikilink1" title="List all plugins with this tag">flash</a>, <a href="/plugins?plugintag=media#extension__table" class="wikilink1" title="List all plugins with this tag">media</a>, <a href="/plugins?plugintag=music#extension__table" class="wikilink1" title="List all plugins with this tag">music</a>, <a href="/plugins?plugintag=namespace#extension__table" class="wikilink1" title="List all plugins with this tag">namespace</a>, <a href="/plugins?plugintag=video#extension__table" class="wikilink1" title="List all plugins with this tag">video</a></p></div><div class="authorInfo"><strong>By <a href="mailto:andi%20%5Bat%5D%20splitbrain%20%5Bdot%5D%20org" class="mail" title="andi [at] splitbrain [dot] org">Andreas Gohr</a></strong><ul><li><a href="/plugin:badbehaviour" class="wikilink1" title="plugin:badbehaviour" data-wiki-id="plugin:badbehaviour">badbehaviour</a></li> <li><a href="/plugin:amazon" class="wikilink1" title="plugin:amazon" data-wiki-id="plugin:amazon">amazon</a></li> <li><a href="/plugin:xfortune" class="wikilink1" title="plugin:xfortune" data-wiki-id="plugin:xfortune">xfortune</a></li> <li><a href="/plugin:statistics" class="wikilink1" title="plugin:statistics" data-wiki-id="plugin:statistics">statistics</a></li> <li><a href="/plugin:translation" class="wikilink1" title="plugin:translation" data-wiki-id="plugin:translation">translation</a></li> <li><a href="/plugin:captcha" class="wikilink1" title="plugin:captcha" data-wiki-id="plugin:captcha">captcha</a></li> <li><a href="/plugin:graphviz" class="wikilink1" title="plugin:graphviz" data-wiki-id="plugin:graphviz">graphviz</a></li> <li><a href="/plugin:acl" class="wikilink1" title="plugin:acl" data-wiki-id="plugin:acl">acl</a></li> <li><a href="/plugin:info" class="wikilink1" title="plugin:info" data-wiki-id="plugin:info">info</a></li> <li><a href="/plugin:ditaa" class="wikilink1" title="plugin:ditaa" data-wiki-id="plugin:ditaa">ditaa</a></li> <li>and 60 more</li></ul></div></div> <p> Flash is not available anymore in browsers. Embedding single mp3s is included in DokuWiki, see the <a href="/wiki:syntax#media_files" class="wikilink1" title="wiki:syntax" data-wiki-id="wiki:syntax">media syntax description</a>. </p> <p> This plugin uses Lacy Morrow&#039;s <a href="http://blog.lacymorrow.com/projects/xspf-jukebox/" class="urlextern" title="http://blog.lacymorrow.com/projects/xspf-jukebox/">Xspf Jukebox</a> flash player to embed a playlist of MP3 or FLV flash movies. It reads track data from ID3 tags and tries to fetch matching cover art from Amazon. </p> </div> <div class="secedit editbutton_section editbutton_1"><form class="button btn_secedit" method="post" action="/plugin:jukebox"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1642377664" /><input type="hidden" name="summary" value="[jukebox Plugin] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="jukebox_plugin" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1-1121" /><button type="submit" title="jukebox Plugin">Edit</button></div></form></div> <h2 class="sectionedit2" id="download_and_installation">Download and Installation</h2> <div class="level2"> <p> Search and install the plugin using the <a href="/plugin:extension" class="wikilink1" title="plugin:extension" data-wiki-id="plugin:extension">Extension Manager</a>. Refer to <a href="/plugins" class="wikilink1" title="plugins" data-wiki-id="plugins">Plugins</a> on how to install plugins manually. </p> </div> <div class="secedit editbutton_section editbutton_2"><form class="button btn_secedit" method="post" action="/plugin:jukebox"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1642377664" /><input type="hidden" name="summary" value="[Download and Installation] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="download_and_installation" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1122-1299" /><button type="submit" title="Download and Installation">Edit</button></div></form></div> <h3 class="sectionedit3" id="changes">Changes</h3> <div class="level3"> <ul class="rss"><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/460cc7e3f99a6eaf0a7fb232b19fe4d9d3e34820" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/460cc7e3f99a6eaf0a7fb232b19fe4d9d3e34820">Version upped</a> (2016-07-06 20:43)</div></li><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/d6c6db4d157d2a7bf6ba1eee24dcc9bb023a2dcf" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/d6c6db4d157d2a7bf6ba1eee24dcc9bb023a2dcf">Version upped</a> (2016-02-03 18:17)</div></li><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/ca4f70b05ed474888471a32e389b1b7db718ee5a" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/ca4f70b05ed474888471a32e389b1b7db718ee5a">Merge pull request #2 from splitbrain-forks/php7-signature</a> (2016-02-02 16:22)</div></li><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/0d0d103f07f4d6cb6776578d94ba3a378b884c89" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/0d0d103f07f4d6cb6776578d94ba3a378b884c89">Adjust method signatures to match parent</a> (2016-02-02 16:08)</div></li><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/0a35d284729cbd75668ab85d70c4c3688323064d" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/0a35d284729cbd75668ab85d70c4c3688323064d">Version upped</a> (2016-01-24 14:12)</div></li><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/5d3361e64848cc7e20e98f18662bdb9c2870288f" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/5d3361e64848cc7e20e98f18662bdb9c2870288f">Version upped</a> (2014-05-21 19:42)</div></li><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/36ed32c3944d19f5adb09f603f93086e2f2b086c" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/36ed32c3944d19f5adb09f603f93086e2f2b086c">fixed URL in README</a> (2011-02-05 11:40)</div></li><li><div class="li"><a href="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/f3b6a6bf6ff677ef7b1c6e1274e3afebcada9941" class="urlextern" title="https://github.com/splitbrain/dokuwiki-plugin-jukebox/commit/f3b6a6bf6ff677ef7b1c6e1274e3afebcada9941">README added</a> (2011-02-05 11:35)</div></li></ul> </div> <div class="secedit editbutton_section editbutton_3"><form class="button btn_secedit" method="post" action="/plugin:jukebox"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1642377664" /><input type="hidden" name="summary" value="[Changes] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="changes" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1300-1406" /><button type="submit" title="Changes">Edit</button></div></form></div> <h2 class="sectionedit4" id="syntax_and_usage">Syntax and Usage</h2> <div class="level2"> <p> To embed the jukebox, you need to use the following syntax, where <code>namespace</code> is a media namespace with MP3 or FLV files. </p> <pre class="code">{{jukebox&gt;namespace}}</pre> <p> Optionally you can give additional parameter keywords separated by spaces: </p> <pre class="code">{{jukebox&gt;namespace wii center}}</pre> <p> The following keywords are supported: </p> <div class="table sectionedit5"><table class="inline"> <thead> <tr class="row0"> <th class="col0 leftalign"> Keyword </th><th class="col1"> Result </th> </tr> </thead> <tr class="row1"> <td class="col0 leftalign"> left </td><td class="col1"> left aligns the player </td> </tr> <tr class="row2"> <td class="col0 leftalign"> right </td><td class="col1"> right aligns the player </td> </tr> <tr class="row3"> <td class="col0 leftalign"> center </td><td class="col1"> centers the player </td> </tr> <tr class="row4"> <td class="col0 leftalign"> shuffle </td><td class="col1"> enables the shuffle mode </td> </tr> <tr class="row5"> <td class="col0 leftalign"> repeat </td><td class="col1"> enables the repeat mode </td> </tr> <tr class="row6"> <td class="col0"> autoplay </td><td class="col1"> automatically start playing after loading </td> </tr> <tr class="row7"> <td class="col0"> <em>skinname</em> </td><td class="col1"> Use the given skin to style the player (see below) </td> </tr> </table></div> <div class="secedit editbutton_table editbutton_5"><form class="button btn_secedit" method="post" action="/plugin:jukebox"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1642377664" /><input type="hidden" name="summary" value="[Table] " /><input type="hidden" name="target" value="table" /><input type="hidden" name="hid" value="table" /><input type="hidden" name="range" value="1738-2076" /><button type="submit" title="Table">Edit</button></div></form></div> </div> <div class="secedit editbutton_section editbutton_4"><form class="button btn_secedit" method="post" action="/plugin:jukebox"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1642377664" /><input type="hidden" name="summary" value="[Syntax and Usage] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="syntax_and_usage" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1407-2077" /><button type="submit" title="Syntax and Usage">Edit</button></div></form></div> <h3 class="sectionedit6" id="skins">Skins</h3> <div class="level3"> <p> The player can be skinned through images and a skin.xml file. The skin format is documented <a href="http://lacymorrow.com/projects/jukebox/skindoc.html" class="urlextern" title="http://lacymorrow.com/projects/jukebox/skindoc.html">here</a>. </p> <p> The following skins are currently available: </p> <div id="plugin__gallery_997d" class="plugin-gallery align-full"><div class="gallery-page" id="gallery__997d_0" style="grid-template-columns: repeat(4, 1fr)"><figure class="gallery-image"><a href="/_detail/plugin:jukebox:cassette.png?id=plugin%3Ajukebox" title="Cassette" data-caption="&lt;b&gt;Cassette&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:cassette.png"><img width="150" height="150" src="/_media/plugin:jukebox:cassette.png?w=150&amp;h=150&amp;tok=600dcc" alt="cassette.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:ipodblack.png?id=plugin%3Ajukebox" title="Ipodblack" data-caption="&lt;b&gt;Ipodblack&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:ipodblack.png"><img width="150" height="150" src="/_media/plugin:jukebox:ipodblack.png?w=150&amp;h=150&amp;tok=95deb1" alt="ipodblack.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:ipodwhite.png?id=plugin%3Ajukebox" title="Ipodwhite" data-caption="&lt;b&gt;Ipodwhite&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:ipodwhite.png"><img width="150" height="150" src="/_media/plugin:jukebox:ipodwhite.png?w=150&amp;h=150&amp;tok=4ab407" alt="ipodwhite.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:itunes.png?id=plugin%3Ajukebox" title="Itunes" data-caption="&lt;b&gt;Itunes&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:itunes.png"><img width="150" height="150" src="/_media/plugin:jukebox:itunes.png?w=150&amp;h=150&amp;tok=4354f8" alt="itunes.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:minitunes.png?id=plugin%3Ajukebox" title="Minitunes" data-caption="&lt;b&gt;Minitunes&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:minitunes.png"><img width="150" height="150" src="/_media/plugin:jukebox:minitunes.png?w=150&amp;h=150&amp;tok=652bfa" alt="minitunes.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:minitunesreduced.png?id=plugin%3Ajukebox" title="Minitunesreduced" data-caption="&lt;b&gt;Minitunesreduced&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:minitunesreduced.png"><img width="150" height="150" src="/_media/plugin:jukebox:minitunesreduced.png?w=150&amp;h=150&amp;tok=f8795c" alt="minitunesreduced.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:orangeeye.png?id=plugin%3Ajukebox" title="Orangeeye" data-caption="&lt;b&gt;Orangeeye&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:orangeeye.png"><img width="150" height="150" src="/_media/plugin:jukebox:orangeeye.png?w=150&amp;h=150&amp;tok=beb967" alt="orangeeye.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:orangeeyeslim.png?id=plugin%3Ajukebox" title="Orangeeyeslim" data-caption="&lt;b&gt;Orangeeyeslim&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:orangeeyeslim.png"><img width="150" height="150" src="/_media/plugin:jukebox:orangeeyeslim.png?w=150&amp;h=150&amp;tok=cb561f" alt="orangeeyeslim.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:original.png?id=plugin%3Ajukebox" title="Original" data-caption="&lt;b&gt;Original&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:original.png"><img width="150" height="150" src="/_media/plugin:jukebox:original.png?w=150&amp;h=150&amp;tok=3c43dd" alt="original.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:slim.png?id=plugin%3Ajukebox" title="Slim" data-caption="&lt;b&gt;Slim&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:slim.png"><img width="150" height="150" src="/_media/plugin:jukebox:slim.png?w=150&amp;h=150&amp;tok=2eae32" alt="slim.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:slimoriginal.png?id=plugin%3Ajukebox" title="Slimoriginal" data-caption="&lt;b&gt;Slimoriginal&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:slimoriginal.png"><img width="150" height="150" src="/_media/plugin:jukebox:slimoriginal.png?w=150&amp;h=150&amp;tok=3fa399" alt="slimoriginal.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:squareone.png?id=plugin%3Ajukebox" title="Squareone" data-caption="&lt;b&gt;Squareone&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:squareone.png"><img width="80" height="82" src="/_media/plugin:jukebox:squareone.png?w=80&amp;h=82&amp;tok=5ba845" alt="squareone.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:verticalminitunes.png?id=plugin%3Ajukebox" title="Verticalminitunes" data-caption="&lt;b&gt;Verticalminitunes&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:verticalminitunes.png"><img width="150" height="150" src="/_media/plugin:jukebox:verticalminitunes.png?w=150&amp;h=150&amp;tok=07e4a6" alt="verticalminitunes.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:video.png?id=plugin%3Ajukebox" title="Video" data-caption="&lt;b&gt;Video&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:video.png"><img width="150" height="150" src="/_media/plugin:jukebox:video.png?w=150&amp;h=150&amp;tok=f50709" alt="video.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:wii.png?id=plugin%3Ajukebox" title="Wii" data-caption="&lt;b&gt;Wii&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:wii.png"><img width="150" height="150" src="/_media/plugin:jukebox:wii.png?w=150&amp;h=150&amp;tok=edfdfb" alt="wii.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:winamp.png?id=plugin%3Ajukebox" title="Winamp" data-caption="&lt;b&gt;Winamp&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:winamp.png"><img width="150" height="150" src="/_media/plugin:jukebox:winamp.png?w=150&amp;h=150&amp;tok=30e727" alt="winamp.png" loading="lazy" /></a></figure><figure class="gallery-image"><a href="/_detail/plugin:jukebox:winampsmall.png?id=plugin%3Ajukebox" title="Winampsmall" data-caption="&lt;b&gt;Winampsmall&lt;/b&gt;" class="lightbox JSnocheck" rel="lightbox[gal-79a727d5da73666288045f887a9d]" data-url="/_media/plugin:jukebox:winampsmall.png"><img width="150" height="150" src="/_media/plugin:jukebox:winampsmall.png?w=150&amp;h=150&amp;tok=1abbbc" alt="winampsmall.png" loading="lazy" /></a></figure></div></div><ul> <li class="level1"><div class="li"> cassette</div> </li> <li class="level1"><div class="li"> ipodblack</div> </li> <li class="level1"><div class="li"> ipodwhite</div> </li> <li class="level1"><div class="li"> itunes</div> </li> <li class="level1"><div class="li"> minitunes</div> </li> <li class="level1"><div class="li"> minitunesreduced</div> </li> <li class="level1"><div class="li"> orangeeye</div> </li> <li class="level1"><div class="li"> orangeeyeslim</div> </li> <li class="level1"><div class="li"> original</div> </li> <li class="level1"><div class="li"> slim</div> </li> <li class="level1"><div class="li"> slimoriginal</div> </li> <li class="level1"><div class="li"> squareone</div> </li> <li class="level1"><div class="li"> verticalminitunes</div> </li> <li class="level1"><div class="li"> video</div> </li> <li class="level1"><div class="li"> walkmerican</div> </li> <li class="level1"><div class="li"> wii</div> </li> <li class="level1"><div class="li"> winamp</div> </li> <li class="level1"><div class="li"> winampsmall</div> </li> </ul> <p> When no skin is given <code>original</code> is used. </p> </div> <div class="secedit editbutton_section editbutton_6"><form class="button btn_secedit" method="post" action="/plugin:jukebox"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1642377664" /><input type="hidden" name="summary" value="[Skins] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="skins" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="2078-2647" /><button type="submit" title="Skins">Edit</button></div></form></div> <h2 class="sectionedit7" id="bugs_caveats_todos">Bugs/Caveats/Todos</h2> <div class="level2"> <ul> <li class="level1"><div class="li"> Video seems to be of bad quality when used with the video skin</div> </li> <li class="level1"><div class="li"> TimeBar doesn&#039;t work in video skin</div> </li> <li class="level1"><div class="li"> playlist is currently not cached this might create a high load for large playlists (because of ID3 scanning)</div> </li> <li class="level1"><div class="li"> Support for local track images should be added</div> </li> <li class="level1"><div class="li"> Clean up filename when no ID3 tag data is available</div> </li> </ul> <p> Patches and skins welcome. </p> </div> <div class="secedit editbutton_section editbutton_7"><form class="button btn_secedit" method="post" action="/plugin:jukebox"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1642377664" /><input type="hidden" name="summary" value="[Bugs/Caveats/Todos] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="bugs_caveats_todos" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="2648-" /><button type="submit" title="Bugs/Caveats/Todos">Edit</button></div></form></div> <!-- wikipage stop --> </div> <div class="docInfo"><bdi>plugin/jukebox.txt</bdi> · Last modified: <time datetime="2022-01-17T01:01:04+0100">2022-01-17 01:01</time> by <bdi>Klap-in</bdi></div> <hr class="a11y" /> </div></main><!-- /content --> <!-- PAGE ACTIONS --> <nav id="dokuwiki__pagetools" aria-labelledby="dokuwiki__pagetools__heading"> <h3 class="a11y" id="dokuwiki__pagetools__heading">Page Tools</h3> <div class="tools"> <ul> <li class="edit"><a href="/plugin:jukebox?do=edit" title="Edit this page [e]" rel="nofollow" accesskey="e"><span>Edit this page</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg></a></li><li class="revs"><a href="/plugin:jukebox?do=revisions" title="Old revisions [o]" rel="nofollow" accesskey="o"><span>Old revisions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 7v5.11l4.71 2.79.79-1.28-4-2.37V7m0-5C8.97 2 5.91 3.92 4.27 6.77L2 4.5V11h6.5L5.75 8.25C6.96 5.73 9.5 4 12.5 4a7.5 7.5 0 0 1 7.5 7.5 7.5 7.5 0 0 1-7.5 7.5c-3.27 0-6.03-2.09-7.06-5h-2.1c1.1 4.03 4.77 7 9.16 7 5.24 0 9.5-4.25 9.5-9.5A9.5 9.5 0 0 0 12.5 2z"/></svg></a></li><li class="backlink"><a href="/plugin:jukebox?do=backlink" title="Backlinks" rel="nofollow"><span>Backlinks</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"/></svg></a></li><li class="top"><a href="#dokuwiki__top" title="Back to top [t]" rel="nofollow" accesskey="t"><span>Back to top</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"/></svg></a></li> </ul> </div> </nav> </div><!-- /wrapper --> <!-- ********** FOOTER ********** --> <footer id="dokuwiki__footer"><div class="pad"> <div class="license">Except where otherwise noted, content on this wiki is licensed under the following license: <bdi><a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license" class="urlextern">CC Attribution-Share Alike 4.0 International</a></bdi></div> <div class="buttons"> <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license"><img src="/lib/images/license/button/cc-by-sa.png" alt="CC Attribution-Share Alike 4.0 International" /></a> <a href="https://www.dokuwiki.org/donate" title="Donate" ><img src="/lib/tpl/dokuwiki/images/button-donate.gif" width="80" height="15" alt="Donate" /></a> <a href="https://php.net" title="Powered by PHP" ><img src="/lib/tpl/dokuwiki/images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a> <a href="//validator.w3.org/check/referer" title="Valid HTML5" ><img src="/lib/tpl/dokuwiki/images/button-html5.png" width="80" height="15" alt="Valid HTML5" /></a> <a href="//jigsaw.w3.org/css-validator/check/referer?profile=css3" title="Valid CSS" ><img src="/lib/tpl/dokuwiki/images/button-css.png" width="80" height="15" alt="Valid CSS" /></a> <a href="https://dokuwiki.org/" title="Driven by DokuWiki" ><img src="/lib/tpl/dokuwiki/images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a> </div> <div style="margin-top: 2em; font-size:90%" class="dokuwiki"><div style="float:right"><a href="http://www.splitbrain.org/personal#imprint" style="float:right; text-decoration: none; color:#333">Imprint</a></div></div><!-- Include for DokuWiki site wide top bar --> <style type="text/css"> @media screen { body { padding-top: 30px; } #global__header { position: absolute; top: 0; left: 0; text-align: left; vertical-align: middle; line-height: 1.5; background-color: #333; box-shadow: 0 0 8px rgba(0,0,0,0.5); width: 100%; margin: 0; padding: 5px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; } #global__header h2 { position: absolute; left: -99999em; top: 0; overflow: hidden; display: inline; } #global__header ul, #global__header li { margin: 0; padding: 0; list-style: none; display: inline; line-height: 1.5; } #global__header a { color: #bbb; text-decoration: none; margin-right: 20px; font-size: 14px; font-weight: normal; } #global__header a:hover, #global__header a:active, #global__header a:focus { color: #fff; text-decoration: underline; } #global__header form { float: right; margin: 0 0 0 20px; } #global__header input { background-color: #333; background-image: none; border: 1px solid #bbb; color: #fff; box-shadow: none; border-radius: 2px; margin: 0; line-height: normal; padding: 1px 0 1px 0; height: auto; } #global__header input.button { border: none; color: #bbb; } #global__header input.button:hover, #global__header input.button:active, #global__header input.button:focus { color: #fff; text-decoration: underline; } } /* /@media */ @media only screen and (min-width: 601px) { /* changes specific for www.dokuwiki.org */ #dokuwiki__header { padding-top: 3em; } #dokuwiki__usertools { top: 3em; } /* changes specific for bugs.dokuwiki.org */ div#container div#showtask { top: 40px; } } /* /@media */ @media only screen and (max-width: 600px) { body { padding-top: 0; } #global__header { position: static; white-space: normal; overflow: auto; } #global__header form { float: none; display: block; margin: 0 0 .4em; } } /* /@media */ @media print { #global__header { display: none; } } /* /@media */ </style> <div id="global__header"> <h2>Global DokuWiki Links</h2> <form method="get" action="https://search.dokuwiki.org/" target="_top"> <input type="text" name="q" title="Search all DokuWiki sites at once" class="input" /> <input type="submit" title="Search all DokuWiki sites at once" value="Search" class="button" /> </form> <ul> <li><a href="https://download.dokuwiki.org" title="Download the latest release" target="_top">Download</a></li> <li><a href="https://www.dokuwiki.org" title="Read the DokuWiki documentation" target="_top">Wiki</a></li> <li><a href="https://forum.dokuwiki.org" title="Ask questions in the DokuWiki forum" target="_top">Forum</a></li> <li><a href="https://irc.dokuwiki.org" title="Check IRC chat logs or join the chat" target="_top">IRC</a></li> <li><a href="https://github.com/splitbrain/dokuwiki/issues" title="Report and track bugs" target="_top">Bugs</a></li> <li><a href="https://translate.dokuwiki.org/" title="Help translating the DokuWiki interface" target="_top">Translate</a></li> <li><a href="https://github.com/splitbrain/dokuwiki" title="Access the most recent git commits" target="_top">Git</a></li> <li><a href="https://xref.dokuwiki.org/reference/dokuwiki/" title="Cross-Reference of the DokuWiki source code" target="_top">XRef</a></li> <li><a href="https://codesearch.dokuwiki.org/" title="Search through the sources of DokuWiki, plugins and templates" target="_top">Code Search</a></li> </ul> </div> <!-- end of DokuWiki top bar include --> </div></footer><!-- /footer --> </div></div><!-- /site --> <div class="no"><img src="/lib/exe/taskrunner.php?id=plugin%3Ajukebox&amp;1744139543" width="2" height="1" alt="" /></div> <div id="screen__mode" class="no"></div></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10