• Hey Guest, we're evolving the future of TeaSpeak.
    You're invited to join the discussion here!

Button to generate HTML code for embedding web client on any site.

Vafin

TeaFanatic
Please add a button in the tea client to generate HTML code (iframe) for embedding the web client on any site.
 

WolverinDEV

TeaSpeak Team
Staff member
Administrator
Hmm well I already thought about that Idea, but currently its not a useful thing to have this client runned in an iframe in a small corner.
There will be later an implementation, where the client adjust his UI, if it gets embetted for the supposed purpose.
E.g. Minimal voice client or chat client (For support as an example)
 

BIOS

TeaSpeak Team
Staff member
TeaTeam
not needed as iframe usefully was as script implementation for html or php
 

WolverinDEV

TeaSpeak Team
Staff member
Administrator
Hmm what kind of script do you have in mind?
Could you explain that a littlebit further
 

BIOS

TeaSpeak Team
Staff member
TeaTeam
so an instant voip livechat like livezilla

so want support ppls press the "live chat" tab an will be connected

ppls so i think only must setup the serverip,port and channel how all users from website spawn

Adverseting!!!

so ppls can using this bot from her: https://www.terrabot.de/ from my friend Jimmy it will be automated create subchannels wenn user joins the main channel

example:

user1 joint channel support > the bot will create automated subchannel support1 und switch user1 in this channel

user2 joint channel support > the bot will create automated subchannel support2 und switch user2 in this channel

etc...

fully configurable this bot
 
Last edited:

BIOS

TeaSpeak Team
Staff member
TeaTeam
so created an iframe

Code:
<iframe name="Framename" src="https://web.teaspeak.de/" width="800" height="600" frameborder="0" scrolling="auto" class="frame-area">
</iframe>
to position the iframe use css.

Code:
.frame-area {
  display: block;
  width: 100%;  /* RESPONSIVE WIDTH */
  max-width: 600px;
  height: 700px;
  overflow: auto;  /* EDIT TO hidden FOR NO SCROLLBAR */
  border: #999999 1px solid;
  margin: 0px;
  padding: 0px;
  }
If you do not have a global css file, add the above code to the head section of your webpage just before the </head> tag between the following tags.

<style type="text/css">

/* css code goes here */

</style>

demo without css her: https://bio-test.ovh/test.html
 
Last edited: