Browser source plugin (1.0-24-g30ce603 2013/5/21)

[Fire]

Yeah, sending 'TWITCHCLIENT 2' to the server.

I also noticed the SWF client sent JTVROOMS #channelname but wasn't able to notice any differences if I sent it or not.

If you are only in one channel, aren't they (the SPECIALUSER messages) technically room specific?

technically yes :D I was just noting since I use a standard irc client, bots use multiple room connections, and it's rather annoying to be unable to tell who's a sub in what room. It would also be odd to deal with if you join multiple rooms in your obs client ( ie: merged chat )

By the way, looks like you can connect to irc.twitch.tv now, all rooms look to be joinable from this address

 

[Faruton]

There is also an irc server listening on port 80 (different ip, I don't remember offhand)

I can't really imagine a use case for merging chat rooms but I'd probably just spawn two connections :p

I'll try to get the latest version uploaded later, got distracted :]

 

[Fire]

There is also an irc server listening on port 80 (different ip, I don't remember offhand)

I can't really imagine a use case for merging chat rooms but I'd probably just spawn two connections :p

I'll try to get the latest version uploaded later, got distracted :]

Co-streaming!

can't wait ;D

 

[Faruton]

Here is an experimental version:

http://www.catchexception.org/snapshot/ ... 7c-x86.zip

And the chat example:

http://www.catchexception.org/snapshot/chat-example.zip

The usage is minimally covered in the example (you can see how terrible I am at CSS -- all copypasta :-)

 

[Reinierbee]

First off all awesome plugin. Got to play around with it last night and found some limitations.

I tried the following HTML5/Javascript Music equalizers but none of them seems to work:

http://dino.blitzstaging.com/demos/soundspectrum/
http://do.adive.in/music/ (extremely advanced)
http://jsantell.github.io/dancer.js/ (my presonal favorite)
http://www.htmlfivewow.com/demos/audio-visualizer/index.html
and
http://www.htmlfivewow.com/demos/hal/index.html

I downloaded the scripts and hosted them on my private server so I could edit the scripts to auto start the music. In google chrome the auto play, music and visualizations worked. In this plugin the auto play worked, but there were no sounds and no visuals. :(

Can anyone tell me why these html5/javascript don't work with this plugin and maybe know how I can fix or bypass the limitations.

 

[Faruton]

Unfortunately many of those use webgl (and opengl accellerated webgl) which is still largely unsupported in Awesomium.

I will see what I can do. (I could get a couple of the links you posted to work but the frame rate was pretty poor as I expected)

 

[Reinierbee]

Ahhh so thats the reason :). Thanks for the quick reply Ill try and find some flash visualizers hopefully they have some awesome stuff.

Hopefully they will improve the support for webgl in the future.

 

[keksc0re]

Heyho first of all awesome plugin

but i got a question for you: (im just too stupid right now to get it)

How do i get a part of a webpage (selected by DOM) displayed?

I got a website with some stuff a bit of ads and this stuff and i just want a table with the id "Table1" gettin displayed on stream ...
help me :D !?

thx

Cya KeKsCoRe

 

[Faruton]

Can you post the HTML file you are trying to display?

It might be easier if I can see that

 

[keksc0re]

http://challonge.com/tournaments/bracket_generator?ref=jnsTeRA1Yr

and there just the brackets

hmm just realized my problem is another one ... i can completly add the brackets with iframes ... but i dont want to use frames because i want to use my own css styles to match it with my streaming overlay: here are some

• http://challonge.com/wt_spvp_06_2013/
• http://challonge.com/wt_spvp_06_2013/fullscreen
• http://challonge.com/wt_spvp_06_2013/module

 

[Faruton]

I couldn't get to this tonight but I'll respond tomorrow morning, sorry!

 

[Reinierbee]

@keksc0re

I has your solution and i used the url http://challonge.com/wt_spvp_06_2013/fullscreen. Put this in your Custom CSS:

::-webkit-scrollbar { visibility: hidden; }
body { 
    background-color: rgba(0, 0, 0, 0) !important; 
}
#bottom_bar{
		display: none;
}
#overthrow_bracket{
    background-color: rgba(0, 0, 0, 0)  !important; 
}
div#challonge_tournaments div#challonge_bracket table.match_table{
    background-color: rgba(0, 0, 0, 0)  !important; 
}

My result:


If you want to edit more, lets say the colors of the teams, you have to edit the background-color on certain elements. Makes sure you add !important to it so it will override the original value. Have fun :)

@Faruton

Maybe its a good idea to be able to loads the custom CSS file after all css files are loaded. that way you don't need so many !important declaration.

 

[Reinierbee]

@Faruton
I am doing a tutorial about OBS, and focusing on your browser plugin here is my first part. Part 2 will be done after the weekend. Hope it will help more people get involved in this awesome plugin!

Part 1: http://www.youtube.com/watch?v=tvH8kpmTieo

 

[Faruton]

I like what you do

Also, it's likely that you could implement the chat/voting system entirely in javascript (without involving php, a chat client or anything)

http://catchexception.org/snapshot/chat-example.zip

I added that javascript extension specifically for the idea of interactive voting, but I was too lazy to actually implement the javascript side

 

[Faruton]

The custom css is meant more as a 'base css' rather than a 'override css' as I typically use only my own html files.

Since XSS is allowed by the plugin, you could just load the website you want through javascript and then apply selectors to that.

 

[Reinierbee]

Interresting chat Faruton but i dont seem to get it to work, am I missing a plugin?
Btw where can I find log files of the browser source plugin? Would be handy for debugging if error's occur (javascript errors ect.)

 

[Faruton]

I accidentally disabled it in one of the builds, but you can connect to the debug page http://127.0.0.1:1337

That gives you the google developer console

 

[Reinierbee]

Thanks that will help with some debugging. Unfortunatly I can't seem te get any messages throught your script you linked before.

I tried the following settings

OBSIrcExtension.connect("megamestahd");
OBSIrcExtension.connect("megamestahd","megamestahd.jtvirc.com");
OBSIrcExtension.connect("megamestahd","megamestahd.jtvirc.com","6667");
OBSIrcExtension.connect("megamestahd","199.9.253.199");
OBSIrcExtension.connect("megamestahd","199.9.253.199","6667");

The chat is awkwardly empty.

 

[Faruton]

Hermmmm, I'll take a look at this. Boo.

 

[Fas]

Hi!
I really enjoy seeing what people are able to do with your tool!
Sadly I'm like the worst noob concerning setting up your plugin :)
I got to work the testmovie like np, but everything else is a mystery to me:
I'm a Broadcaster for the ESL and I gotta run 3 different videos between my broadcasts: How can I display a normal 720p or 1080p video in Chrome, or how I can I grab this video and show it in OBS?
I got no idea how to setup such a file, that grabs the video and renders it in Chrome (do I have to upload it somewhere first? lol).

I hope there is the possibilty to help me, cause currently I need quick fingers to switch to VLC Media Player and switch to the scene at the same time, so I'm able to play the ESL videos on my stream :D