TeamSpeak 3 Viewer For IPS

[CodingJungle]

File Name: TeamSpeak 3 Viewer For IPS

File Submitter: CodingJungle

File Submitted: 21 Apr 2013

File Category: User and Social Engagement

Supported Versions: IP.Board 3.4.x

A teamspeak 3 viewer for IPS. can be used on the forum index or as a content block (both included).


like my other free products, this is released under the DBAD license.

http://www.dbad-license.org/

any one can use this, modify it, use it in their own projects. the license covers expectations and rights :smile:

ENJOY!


NOTE: the demo url is a static representation of what the hook looks like when rendered. I do not have a teamspeak server and do not plan on one, as for the reason behind the static nature.

FAQ:

1. does this work with IPS 3.3 or 3.2?

answer: i did not test them on these platforms, i'm sure it can be used on them, as nothing, afaik, that i used relies on anything that is exclusive to the 3.4+ of IPS. its a free product, what you got to loose in trying?

2. will/can you, add this <insert feature request>?

answer: no, i will not. did this as a favor for a friend, who then said i could release it out into the "wild". Under the DBAD license you are free to alter and release any changes made to it if you like.

NOTE: This application cannot be used on IPS Hosting.

here to download this file

[EuropeanEsports]

Awesome thank you.

One question. What username and password gets entered into the hooks settings? Nothing seems to work and just get the error message "Oops something went wrong. Check Error Logs!"

[Freeborne]

dmo1989, you need to create a server query account. You need full server admin to your TS3 server to do this, but that's not within the support scope of this mod anyway. You can try leaving it blank too, if the guest server query permissions were set up to allow this. You may need to add the IP address of your web server to the server query whitelist, on your TS3 server. Again, this is all TS3 support stuff you already need to know.

CJ, where do I edit the CSS for this hook? I can't find any templates or CSS files to edit. Most of the TD elements are floating to the right, so the tree menu doesn't look right for channels and sub-channels, etc. It's also inheriting the padding from the ipb_styles.css which is 3px, which makes it look to spaced out (and the dotted lines that make the tree menu don't match up).

[CodingJungle]

Awesome thank you.

One question. What username and password gets entered into the hooks settings? Nothing seems to work and just get the error message "Oops something went wrong. Check Error Logs!"

I used the main administrator account that was produced when i setup the TS3 server. Outside of that, you'd have to contact your TS3 host to ask what that would be.

dmo1989, you need to create a server query account. You need full server admin to your TS3 server to do this, but that's not within the support scope of this mod anyway. You can try leaving it blank too, if the guest server query permissions were set up to allow this. You may need to add the IP address of your web server to the server query whitelist, on your TS3 server. Again, this is all TS3 support stuff you already need to know.

CJ, where do I edit the CSS for this hook? I can't find any templates or CSS files to edit. Most of the TD elements are floating to the right, so the tree menu doesn't look right for channels and sub-channels, etc. It's also inheriting the padding from the ipb_styles.css which is 3px, which makes it look to spaced out (and the dotted lines that make the tree menu don't match up).

there isn't any (none that exist in IPS that is). this framework, http://docs.planetteamspeak.com/ts3/php/framework/, generates the html. It looked good on the default theme, so i did not bother going thru the HTML to build a css for it, and My friend said his site skinner would handle theirs.

if you have the caching enabled. you can download the ts3.html file it creates, from the /cache directory, and examine all the class's and ID's it references to build your own.

[Freeborne]

It looked good on the default theme, so i did not bother going thru the HTML to build a css for it

Maybe you were using a different browser, but on Chrome and Firefox it does not look good.



See all the white space that shouldn't be there? The items are not aligned properly. The themes padding is inherited, which also means all the dots don't line up, etc.

I edited my ipb_styles.css and added some custom CSS to tidy mine up a bit.

/* TS3 VIEWER CSS */

.prefix.channel, .prefix.client, .corpus.channel, .corpus.client {
 float: left;
}
.suffix.channel, .suffix.client {
 float: right;
}
.ts3_viewer.query {
 display:none;
}

.__xXts320viewer td {
 padding: 0px;
}

That fixes the alignment and spacing issues. You also want to hide your server query account from the list, which you can do via CSS or by setting up the TS3 permissions properly. I chose to just hide the element with CSS.

To hide your server query account, the lazy way:

.ts3_viewer.query {
 display:none;
}

[EuropeanEsports]

I still don't get how it works. I don't see why a login is required. There is no password required to enter the server.

Sites such as http://www.tsviewer.com/ can display the server channels, users etc and no login is required.

[CodingJungle]

Maybe you were using a different browser, but on Chrome and Firefox it does not look good.

ts_viewer.jpg

See all the white space that shouldn't be there? The items are not aligned properly. The themes padding is inherited, which also means all the dots don't line up, etc.

I edited my ipb_styles.css and added some custom CSS to tidy mine up a bit.

/* TS3 VIEWER CSS */

.prefix.channel, .prefix.client, .corpus.channel, .corpus.client {
 float: left;
}
.suffix.channel, .suffix.client {
 float: right;
}
.ts3_viewer.query {
 display:none;
}

.__xXts320viewer td {
 padding: 0px;
}

That fixes the alignment and spacing issues. You also want to hide your server query account from the list, which you can do via CSS or by setting up the TS3 permissions properly. I chose to just hide the element with CSS.

To hide your server query account, the lazy way:

.ts3_viewer.query {
 display:none;
}

aus_ts3viewer.jpg

like i said looked good to me and my friend who had requested had no qualms with the way it looked on the default skin. as he knew he would be having his skinner skin it out for his site anyway.

thanks for posting your results for others to see how to alter it if they want.

I still don't get how it works. I don't see why a login is required. There is no password required to enter the server.

Sites such as http://www.tsviewer.com/ can display the server channels, users etc and no login is required.

I would imagine there are far more ts3 admins/servers out there, that do require a query account and password than not. could you imagine what would happen if some one threw this up on their site, and then connected it to your ts3 server, and wasn't using the cache...and they had on average 3k page views an hour...

but it is quite simply, my friend who asked for this, gave me a spec sheet and said "this is what it has to be able to do", so i made it do that. when i gave it to him, he installed it and configured it for his server, he then said "you should release this on the market, as i'm sure others would can find a use for it". so i did, and that is where we are at right now.

I'll be the first too admit, I'm not at all that familiar with TS3, its been a good 3 or 4 years now since i was last on a ts3 chat server. I don't know the expectation, or even the features of it. I do however know, when i looked at the documentation for the ts3 php framework i used, it did say it needed a query username and password, that is configured in the ts3 server client.

when i release something as free, I tend to look at it more of a tool, than a more features than you can shake a stick at product. this was more or less a starting point for any one wanting to add ts3 framework to their site, with more or less a "demo" hook to show how i did it, so they could use the more advanced features of the framework in other hooks/applications.

if you want, you can try to edit the files that are associated with the hook to see if you can achieve what you are wanting to do:

if you are running the cache, then you will need to alter:

admin->applications->core->task->ts3_view.php line: 94

if no cache, you can either alter the hook install xml and reinstall from that or alter the hook file that IPS creates in the hooks folder (but that is not an ideal solution tbh, as it can and will be replaced from time to time, erasing your work so best to alter the install xml and reinstall).

open up: install/ts3_viewer.xml from the zip archive, find line: 82

in both of these files you will find this:

$ts = TeamSpeak3::factory("serverquery://".$this->settings['ts3_v_username'].":".$this->settings['ts3_v_pass']."@".$this->settings['ts3_v_url'].":".$this->settings['ts3_v_query']."?server_port=".$this->settings['ts3_v_serverport']);

what is marked in red, is the authentication portion to querying a server, you can attempt to remove that, to see if that will meet the goals of your expectations.

[EuropeanEsports]

Thanks for the response :) I will contact my Teamspeak server host and see what they say.

[EuropeanEsports]

Ok I give up now. For some reason it just won't work. Using a domain or IP, with username and password or without username and password. Thanks for the upload though :)

[ArMaTeC]

Ok a few cool things that i feel are needed

1. Hide/show empty channels

2. Hide/show server querys

£. Hide/show Channels altogether (Userlist mode)

Love the mod by the way.

[Varro]

Maybe you were using a different browser, but on Chrome and Firefox it does not look good.

ts_viewer.jpg

See all the white space that shouldn't be there? The items are not aligned properly. The themes padding is inherited, which also means all the dots don't line up, etc.

I edited my ipb_styles.css and added some custom CSS to tidy mine up a bit.

/* TS3 VIEWER CSS */

.prefix.channel, .prefix.client, .corpus.channel, .corpus.client {
 float: left;
}
.suffix.channel, .suffix.client {
 float: right;
}
.ts3_viewer.query {
 display:none;
}

.__xXts320viewer td {
 padding: 0px;
}

That fixes the alignment and spacing issues. You also want to hide your server query account from the list, which you can do via CSS or by setting up the TS3 permissions properly. I chose to just hide the element with CSS.

To hide your server query account, the lazy way:

.ts3_viewer.query {
 display:none;
}

aus_ts3viewer.jpg

This is what I need and also hide the serveradmin. Where is the css file located or would you be able to share the css file for download?

[Varro]

There are multiple CSS files with the same name and folders. Maybe easier to change TS3 permissions to hide the serveradmin.

You also want to hide your server query account from the list, which you can do via CSS or by setting up the TS3 permissions properly

I would be most greatful if you could explain how this is done :) been looking around and cant find it.

[makus]

Ok a few cool things that i feel are needed

1. Hide/show empty channels

2. Hide/show server querys

£. Hide/show Channels altogether (Userlist mode)

Love the mod by the way.

1. Hide/show empty channels its would be awesome

[MeS Jazz]

I know this is a n00b question, but which directory does the folder titled ts3 go into? Thanks in advance for your help.

[CodingJungle]

it goes into your IPS root, where admin and public are located (there are several other folders there as well).

[rswfire]

This is honestly a really awesome plugin you've made. Thanks for sharing!

[Valvaris]

Nice Hook ill love it. Is it possible to modify it that only specific groups can see the Viewer?

Many thanks in advance. :D

[elnomio]

How can I fix this?

[CodingJungle]

Copy the ts3 folder from public/style_images/master to your themes img folder

[elnomio]

Thanks!

[elnomio]

One more question)

How can I represent this on Portal (not IPC)? I`ve tried create a new block, but did nit get it right.

[ayuki]

it's possible to add empty space in the top and bottom (padding) for ts3block css

[Dealman]

I can't get this to work either, I don't know if I'm doing something wrong or if it's simply outdated.

I've setup a ServerQuery Login(TS3 Client -> Tools -> ServerQuery Login) twice and tried both, neither works. The only result I get is that the TS3 Viewer says "Oops something went wrong. Check Error Logs". I can't figure out whether it creates its own Error Log or uses the existing one. I checked the existing one and it had no errors related to TS3 Viewer.

I made sure it logs all errors and tried again, still no errors whatsoever related to the TS3 Viewer.

I've tried the IP Address and our custom hostname, neither works. I've tried the hook and block with a custom page - neither works.

I've absolutely no idea what else to try. The plugin is great, especially for being entirely free - but it leads me to believe that it is currently not supported by IPB 3.4.6, which I am using.

@Author: If you were to "fix" this and add more functionality, such as expanding and/or collapsing channels - I'd recommend that you charge money for this. I'd gladly pay $5 for this since it by far exceeds many other plugins which charge $5+.

Or you could have both, a free as a kind of demo. And a paid one with more features. :lol:

[Vanucci]

same as the guy above.

im on 3.4.6 and all is set up correct but it doesnt show anything.

[Vanucci]

ok i get this error fatal error: Class 'TeamSpeak3_Node_Client' not found in /home/**********/public_html/rockpapergodmode.com/ts3/TeamSpeak3/Node/Server.php on line 638