An example with chapters.
Following examples are not fully functionnal, as the interface is not shown and the browser display its native player. This is intentional.
Only the hash-links functions works.
Aspect changes when page’s width is under 640px and 320px wide. The element must be able to insert itself in any width constraints, in liquid responsive web-design fashion.
We are waiting CSS
@element implementation to complete this. The parent element is width-constraigned, so should be the webcomponent.
mode="button" . The component should not reduce under 640px wide.
No need to use
twitter="" attributes for the two previous examples excepted when you also use
<cpu-controller>. Other modes exists, and some feature may be hidden. See INSTALL.md
You can change some aspects of the interface via some handy CSS variables, even only in a region of your page.
You can create playlists on a page, one or more. When a player is ending, the next one in its playlists starts.
Note that the global controller (see below) is able to show the current playlist, and highlight the playing media.
↓ Controller only on the playing / last played
Crafted with ♥ from Toulouse, France, for CPU radio show