WordPress.org

Ready to get started?Download WordPress

Plugin Directory

liveTV Bundle

LiveTV Bundle for WordPress. Live stream plugin for wordpress compatible with own3d.tv, twitch.tv, justin.tv

Api extends

Now a dedicated folder exists to make your own extension or for loads your personal css/JQuery file

View exemple in /extends/extend.php and its /**comments**/.

The folder and its php files are automaticaly listed and parsed by the plugin.

Just create your own personal php file (view exemple in /extends/ for more basics informations and make your first hook).

you may enqueue your script or your style and maybe before dequeue original css/script

dequeue the original style: http://codex.wordpress.org/Function_Reference/wp_dequeue_style

dequeue some original script: http://codex.wordpress.org/Function_Reference/wp_dequeue_script

Fix css "large view"

A message for developer for the 'Large view'.

Currently, the best solution I have found to cheat on one maximum of themes and display a 'Large view' it is a simple css cheating.

This cheating is loaded on request 'large view' and stop the display of the sidebar and enlarge the <div id='content'>.

This cheating is in a light css file /css/page-livetreams-hook.css

If your class or ID of <div main content> and <ul widgets list> from your current theme have a exotic class for this div/ul, maybe your large view have a css bug.

Replace the content of this css file with the good class/ID from your theme for this div/ul

e.g.

@charset utf-8;

.themename-sidebar{ /* change .themename-sidebar by the good ID/Class of your sidebar container */
    display:none!important;
    overflow:hidden!important
}

.themename-content { /* change .themename-content by the good ID/Class of your content container */
    width:100%!important;
    margin: 0 auto;
    padding: 0;
}

#full-view-switcher {
    width:100%!important;
}

I look at the core of wordpress for a php function for the futur and I will added this function in a newest version for unset really the sidebar without css cheating for 'Large view'. Or enventually, a add_class function.

To change the style of the widget with your own style

I have added some class/ID for the span of informations @ the right side of each thumbnail (when channel is offline, and also when channel is online).

The class start with w-*

You may create a simple css load for the widget only when the page isn't your_livestream_page. A simple wordpress function is

if(!is_page('your-livestream-page-ID')){
  wp_enqueue_style('your-personal-style-for-the-livestream-widget');
}

If you are a JQuery developer/passionate, to manipulate this class/ID/css, you may enqueue your script in the same way and maybe before dequeue original css/script

dequeue the original style: http://codex.wordpress.org/Function_Reference/wp_dequeue_style

dequeue some original script: http://codex.wordpress.org/Function_Reference/wp_dequeue_script

if(!is_page('your-livestream-page-ID')){
  wp_enqueue_script('your-personal-script-for-the-livestream-widget');
}

You may personnalize also the widget only for the home page with is_home function

if(is_home()){
  wp_enqueue_style('another-personal-style-for-the-livestream-widget');
}

The same way for your JQuery script

if(is_home()){
  wp_enqueue_script('another-personal-script-for-the-livestream-widget');
}

More information here

is page: http://codex.wordpress.org/Function_Reference/is_page

enqueue script: http://codex.wordpress.org/Function_Reference/wp_enqueue_script (view also wp_register_script)

enqueue style: http://codex.wordpress.org/Function_Reference/wp_enqueue_style (view also wp_register_style)

is home: http://codex.wordpress.org/Function_Reference/is_home

  • When offline class/ID exemple
<span class="minithumb-twitch offline">
    <span class="minithumb-twitch-splash"><img src="http://localhost/wp-content/plugins/livetv-bundle/images/offline.png" alt="mask" class="bubble" oldtitle="twitch channel offline"></span>
    <span class="minithumb-twitch-thumb"><a href="http://localhost/livestream?liveview=live_4_twitch_2&mode=normal"><img src="http://localhost/wp-content/plugins/livetv-bundle/images/thumblist-mask-offline.png" class="bubble" alt="twitch thumbnail" oldtitle="Channel par test venant de twitch" aria-describedby="ui-tooltip-33"></a></span>
    <span class="minithumb-twitch-info" style="color:#A8998B">
        <span class="w-off-viewers">Viewers: offline</span>
        <span class="w-off-user">user: test</span><span id="w-off-channel">channel: ironsquid</span>
        <span class="w-off-view">View: <a href="http://localhost/livestream?liveview=live_4_twitch_2&mode=normal" class="bubble button" oldtitle="Changer pour la vue normal">Normal</a> <a href="http://localhost/livestream?liveview=live_4_twitch_2&mode=full" class="bubble button" oldtitle="Changer pour la vue large">Large</a></span>
        <span class="w-off-live">Live: Offline</span>
    </span>
</span>
  • When online class/ID exemple
<span class="minithumb-twitch">
    <span class="minithumb-twitch-splash"><img src="http://localhost/wp-content/plugins/livetv-bundle/images/offline.png" alt="mask" class="bubble" oldtitle="twitch channel offline"></span>
    <span class="minithumb-twitch-thumb"><a href="http://localhost/livestream?liveview=live_4_twitch_2&mode=normal"><img src="http://localhost/wp-content/plugins/livetv-bundle/images/thumblist-mask-offline.png" class="bubble" alt="twitch thumbnail" oldtitle="Channel par test venant de twitch" aria-describedby="ui-tooltip-33"></a></span>
    <span class="minithumb-twitch-info" style="color:#A8998B">
        <span class="w-viewers">Viewers: 12345</span>
        <span class="w-user">user: test</span><span id="w-off-channel">channel: ironsquid</span>
        <span class="w-view">View: <a href="http://localhost/livestream?liveview=live_4_twitch_2&mode=normal" class="bubble button" oldtitle="Changer pour la vue normal">Normal</a> <a href="http://localhost/livestream?liveview=live_4_twitch_2&mode=full" class="bubble button" oldtitle="Changer pour la vue large">Large</a></span>
        <span class="w-live">Live! date and hours</span>
    </span>
</span>

Tip dialog effect bug for some themes

I think maybe you have 2 load of q-tip (1.x version or adaptative work of this kind) loaded by your theme and eventually JQuery loaded by your theme from external static repository (Google). It is possible the problem comes from something like that: JQuery loaded 2 times or eventually q-tip css loaded 2 times or 2 different versions of q-tip.js loaded or eventually q-tip.js loaded 2 times. The plugin use the q-tip 2.0 version and the latest JQuery version included by wordpress (this plugin was developed under wordpress 3.3.2 version).

You may try to change one from theme or one from plugin. To changes the loading from the plugin, the good file is the file plugin-livetv-display-lives.php (to change or stop the load of JQuery or stop the original css q-tip file). but after some adaptative work is necessary. You may try also to stop the external load of JQuery from your theme (in your header.php file) and see if your theme made a bug for slider or other dependancies of JQuery from your theme.

If you decide to change the tip 'class' for dialog effect from the plugin and made some adaptative work (with the same class from your "q-tip" theme), is in the file /page-frontend/page-livestreams.php (just make a search on 'bubble').

Compatible up to: 3.4.2
Last Updated: 2012-10-27
Downloads: 8,555

Ratings

4 stars
4.3 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1 0,1,0
100,1,1
100,2,2 0,1,0 100,1,1 100,2,2 100,1,1
100,1,1
50,2,1