Display individual media items.
<div class="ob-stream-widget" data-media="236"></div>
<div class="ob-stream-widget" data-media="234"></div>
<div class="ob-stream-widget" data-media="116"></div>
Display all items within a sub-category (genre).
<div class="ob-stream-widget" data-genre="313"></div>
Display all items within a category. Provide extra metadata.
<div class="ob-stream-widget" data-category="3" data-metadata='{"Title": "title", "Category": "category_name", "Album": "album", "Genre": "genre_name", "Artist": "artist", "Comments": "comments"}'></div>
Same as example 3, but use a grid layout and modal window for the player.
<div class="ob-stream-widget" data-grid data-modal-player data-category="3"></div>
Same as example 4, but also hides links.
<div class="ob-stream-widget" data-grid data-modal-player data-hide-download data-hide-play data-category="3"></div>
<div class="ob-stream-widget" data-grid data-modal-player data-hide-download data-hide-play data-genre="220"></div>
<div class="ob-stream-widget" data-grid data-modal-player data-hide-download data-hide-play data-genre="220"></div>
<div class="ob-stream-widget" data-grid data-modal-player data-hide-download data-hide-play data-category="9"></div>
Same as example 6, but with a genre (sub-category) and name filter.
<div class="ob-stream-widget" data-grid data-modal-player data-hide-download data-hide-play data-name-filter data-genre-filter data-category="19"></div>
<div class="ob-stream-widget" data-grid data-modal-player data-hide-download data-hide-play data-name-filter data-genre-filter data-category="10"></div>
Same as example 3, but limit items loaded per request.
<div class="ob-stream-widget" data-category="10" data-limit="5" data-more="link"></div>
<div class="ob-stream-widget" data-category="10" data-limit="5" data-more="auto"></div>