Post by Deleted on Nov 12, 2013 6:23:34 GMT -8
Ever want to watch a couple of twitch streams all on the same screen? There are web pages that let you set it up but those are hosted else where and often have all sorts of side code that gets in the way. So here is how TXR TV is set up and how you can set up your own such thing. You can host it on any website you can acess to or you could just have it as a file on your local computer and open it with a browser. Either way , your choice. I kept the page as simple as possible. You can include it in just about any page or page's frame without much futzing.
The crux of the whole thing is a simple object tag....
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_xxxxxxxxxxx" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=txrtomwsmf" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=xxxxxxxxxxxx&auto_play=true&start_volume=0" /></object>
Just replace xxxxxxxxxx with the ustreamers twitch stream name. Easy peasy.
<html>
<head>
<title>TxR TV</title>
</head>
<body bgcolor = "black">
<center>
<a id="logo" href="/"><img src="logo.jpg" alt="Total Recoil" title="Total Recoil" /></a><br>
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_txrtomwsmf" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=txrtomwsmf" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=txrtomwsmf&auto_play=true&start_volume=0" /></object>
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_pencilstick" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=pencilstick" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=pencilstick&auto_play=true&start_volume=0" /></object>
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_changestv" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=changestv" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=changestv&auto_play=true&start_volume=0" /></object>
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_Killiden" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=Killiden" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=Killiden&auto_play=true&start_volume=0" /></object>
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_byklostsheep" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=byklostsheep" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=byklostsheep&auto_play=true&start_volume=0" /></object>
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_Caustic86" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=Caustic86" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=Caustic86&auto_play=true&start_volume=0" /></object>
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_wrexhammerheadtv" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=Caustic86" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=wrexhammerheadtv&auto_play=true&start_volume=0" /></object>
</center>
</body>
</html>
The crux of the whole thing is a simple object tag....
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_xxxxxxxxxxx" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=txrtomwsmf" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=xxxxxxxxxxxx&auto_play=true&start_volume=0" /></object>
Just replace xxxxxxxxxx with the ustreamers twitch stream name. Easy peasy.
<html>
<head>
<title>TxR TV</title>
</head>
<body bgcolor = "black">
<center>
<a id="logo" href="/"><img src="logo.jpg" alt="Total Recoil" title="Total Recoil" /></a><br>
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_txrtomwsmf" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=txrtomwsmf" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=txrtomwsmf&auto_play=true&start_volume=0" /></object>
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_pencilstick" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=pencilstick" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=pencilstick&auto_play=true&start_volume=0" /></object>
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_changestv" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=changestv" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=changestv&auto_play=true&start_volume=0" /></object>
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_Killiden" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=Killiden" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=Killiden&auto_play=true&start_volume=0" /></object>
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_byklostsheep" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=byklostsheep" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=byklostsheep&auto_play=true&start_volume=0" /></object>
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_Caustic86" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=Caustic86" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=Caustic86&auto_play=true&start_volume=0" /></object>
<object type="application/x-shockwave-flash" height="255" width="400" id="embed_wrexhammerheadtv" class="stream" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=Caustic86" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=wrexhammerheadtv&auto_play=true&start_volume=0" /></object>
</center>
</body>
</html>