All-in-one livestream (
Twitch.TV) integration for your WordPress website.
Features
- Widget to display livestream status.
- Streams can be displayed as Images, Screen captures or as a text.
- Shortcode to embed a livestream:
[livestream url="http://www.twitch.tv/mychannel"]
- Easy customization using CSS, WordPress hooks and filters
Works out-of-the-box, but you can customize it.
Planned features (to do)
- TinyMCE extension for user-friendly embedding of a livestream via shortcode
- Top livestreams listed by category as a Widget
- Support multiple livestream providers (e.g. Hashd.TV, Justin.TV, UStream.TV)
Requirements
Have something to say?
Suggest ideas, report issues or join development!
- Upload the
live-stream-badger
folder to the /wp-content/plugins/
directory
- Activate the Live Stream Badger through the 'Plugins' menu in WordPress
- Done! Follow steps below to get started.
Configure 'Stream status' widget
- Go to WordPress Appearance > Menus
- Create a new menu
- 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
- Go to WordPress Appearance > Widgets
- Place 'LSB Stream Status' widget on the sidebar
- In widget configuration, select the menu you created in Step (3) and save
- 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
- Create new or edit a post
- Type in the following:
[livestream url="http://www.twitch.tv/tobiwandota"]
- Save and view the post
- You should see an embedded livestream in the post
[livestream] shortcode reference
Sample usage:
[livestream url="http://www.twitch.tv/tobiwandota" chat="true"]
Parameters:
- url - URL of the livestream channel (string, default: '')
- width - width of livestream embed (int, default: 620)
- height - height of livestream embed (int, default: 378)
- stream - show stream? (boolean, default: true)
- chat_width - width of livestream chat (int, default: 620)
- chat_height - height of livestream chat (int, default: 400)
- chat - show chat? (boolean, default: false)
- autoplay - automatically play embedded content (boolean, default: true)