OpenBroadcaster Widget Demo

Example 1

Display individual media items.

<div class="ob-stream-widget" data-media="1"></div>
<div class="ob-stream-widget" data-media="2"></div>

Example 2

Display all items within a sub-category (genre).

<div class="ob-stream-widget" data-genre="313"></div>

Example 3

Display all items within a category. Provide extra metadata.

<div class="ob-stream-widget" data-category="12" data-metadata='{"Title": "title", "Category": "category_name", "Genre": "genre_name", "Artist": "artist"}'></div>

Example 4

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="12"></div>

Example 5

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="12"></div>

Example 6

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="12"></div>

Example 7

Same as example 3, but limit items loaded per request.

<div class="ob-stream-widget" data-category="12" data-limit="5" data-more="link"></div>