Ustream Integration Mod (with Chat)

Ustream Integration Mod (with Chat)

Mod Version: 1.00, by Reycer

vB Version: 4.1.4	Rating: (0 vote - 0 average)	Installs: 4
Released: 03 Aug 2011	Last Update: Never	Downloads: 0
Not Supported Template Edits Additional Files External Content

This mod will allow you to use your Ustream Channel and embed it into your vbulletin.

This template mod would not be possible without Lynne's Article on creating a Vbulletin Page which can be found here
----------------------------------------------------------------------------------------------------------

First you need to create a PHP page and name it yourchannelname.php (whereas your channel name is the name of your channel from Ustream)

Second Paste the following code into that page (Take note that you need to change the code in red to YOUR channels name -- WARNING:This will be case sensitive to what we will do later. I only use lower case letters for this very reason, however the page title can be whatever you like).

Code:

<?php
error_reporting(E_ALL & ~E_NOTICE);
define('THIS_SCRIPT', 'yourchannelname');
define('CSRF_PROTECTION', true);
$phrasegroups = array();
$specialtemplates = array();
$globaltemplates = array('yourchannelname',
);
$actiontemplates = array();
// chdir ('/path/to/your/forums');
require_once('./global.php');
$navbits = construct_navbits(array('' => 'TTD Radio'));
$navbar = render_navbar_template($navbits);
$pagetitle = 'Your Channel Name';
$templater = vB_Template::create('ttdradio');
$templater->register_page_templates();
$templater->register('navbar', $navbar);
$templater->register('pagetitle', $pagetitle);
print_output($templater->render());
?>

Upload that file TO YOUR FORUM ROOT

----------------------------------------------------------------------------------------------------------

Next we need to log into our Admincp and select Styles and Templates;
admincp--->Styles and Templates--->Style Manager--->Add New Template

Name the template the EXACT name (remember Case sensitive) you gave to $globaltemplates in your new PHP file we created earlier.

In the large box copy and paste the following code;

Code:

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
  <head>
    <title>{vb:raw vboptions.bbtitle} - {vb:raw pagetitle}</title>
    {vb:raw headinclude}
    {vb:raw headinclude_bottom}
  </head>
  <body>
    {vb:raw header}
    {vb:raw navbar}
    <div id="pagetitle">
      <h1>{vb:raw pagetitle}</h1>
    </div>
    <h2 class="blockhead">TTD Radio</h2>
    <div class="blockbody">
      <div class="blockrow">
      <div style="float:left;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="296" id="utv521869"><param name="flashvars" value="autoplay=false&amp;brand=embed&amp;cid=8959895&amp;v3=1"/><param name="allowfullscreen" value="true"/><param name="allowscriptaccess" value="always"/><param name="movie" value="http://www.ustream.tv/flash/viewer.swf"/><embed flashvars="autoplay=false&amp;brand=embed&amp;cid=8959895&amp;v3=1" width="480" height="296" allowfullscreen="true" allowscriptaccess="always" id="utv521869" name="utv_n_511451" src="http://www.ustream.tv/flash/viewer.swf" type="application/x-shockwave-flash" /></object><br /><a href="http://www.ustream.tv/producer" style="padding: 2px 0px 4px; width: 400px; background: #ffffff; display: block; color: #000000; font-weight: normal; font-size: 10px; text-decoration: underline; text-align: center;" target="_blank">Free desktop streaming application by Ustream</a></div><div><iframe width="468" scrolling="no" height="386" frameborder="0" style="border: 0px none transparent;" src="http://www.ustream.tv/socialstream/8959895"></iframe></div></div>
      </div>
    </div>
    {vb:raw footer}
  </body>
</html>

Change the red part of that code to your embed code supplied to you from Ustream. Change the Blue part of the code to the embed code of the chat supplied to you from Ustream. Note: Be sure to log into your Ustream Dashboard and change your default chat from Social Stream to Chat, or the default chat box will be the entire Ustream Community not just your chat room.

----------------------------------------------------------------------------------------------------------

We've now created our page and you can visit your Ustream page by going to http://www.yoursite.com/forums/yourchannelname.php

----------------------------------------------------------------------------------------------------------

If you want to create a link to Ustream Page just visit this article:

[HOW TO - vB4] Create a New Tab in the navbar

----------------------------------------------------------------------------------------------------------

FAQ: Q: Do users have to have an account with Ustream to be able to chat?
A:Yes and No. Ustream recently due to some crazed posters, Ustream abandoned the use of their "Guest Chat." However, there is still a way around this, but for your users to chat as guests you have to be on at all times (Kinda stinks I know, but blame Ustream, not me). For users to chat as guests you must insert this code into the chat: /mode #yourchannel -m

Thanks to Lynn for writing her awesome Articles!

vBulletin LTS