Plugin / Live Stream Badger

Installation

1. Upload the live-stream-badger folder to the /wp-content/plugins/ directory
2. Activate the Live Stream Badger through the ‘Plugins’ menu in WordPress
3. Done! Follow steps below to get started.

Configure ‘Stream status’ widget

1. Go to WordPress Appearance > Menus
2. Create a new menu
3. Create a custom link, add it to the menu and save. Link should point to the channel, e.g. http://www.twitch.tv/tobiwandota as URL and My favourite stream! as a label
4. Go to WordPress Appearance > Widgets
5. Place ‘LSB Stream Status’ widget on the sidebar
6. In widget configuration, select the menu you created in Step (3) and save
7. Go to your website and you should see the livestream link in a widget

‘Stream status’ widget CSS classes

Use these in your own stylesheet to customize display of the widget.

• lsb-status-widget-holder main container
• lsb-status-widget-list-item list item for the stream list
• lsb-status-widget-indicator stream status indicator
• lsb-on online status
• lsb-off offline status

Classes lsb-on and lsb-off are added to both lsb-status-widget-list-item and lsb-status-widget-indicator. Selector example: .lsb-status-widget-indicator.lsb-on.

Embed a stream using the shortcode

1. Create new or edit a post
2. Type in the following: [livestream url="http://www.twitch.tv/tobiwandota"]
3. Save and view the post
4. You should see an embedded livestream in the post

[livestream] shortcode reference

Sample usage: [livestream url="http://www.twitch.tv/tobiwandota" chat="true"]

Parameters:

1. url – URL of the livestream channel (string, default: ”)
2. width – width of livestream embed (int, default: 620)
3. height – height of livestream embed (int, default: 378)
4. stream – show stream? (boolean, default: true)
5. chat_width – width of livestream chat (int, default: 620)
6. chat_height – height of livestream chat (int, default: 400)
7. chat – show chat? (boolean, default: false)
8. autoplay – automatically play embedded content (boolean, default: true)