This website uses cookies to improve the user experience and ensure that it is functioning effectively. By using myCircle you accept this condition and this message will disapear.

Register   Login
 

Embeding a Room in a web page


You can try this new service on any room you created and see how it is easy to embed it into a web site.

A room can be embeded in a site only by its owner (i.e. you created it while you are registered with a myCircle.tv account).

A room without a registered owner can be embeded too by any of its attendees.

To try it, you just have to copy and paste the embeding code tag into a HTML page of your site :

<script src="https://www.mycircle.tv/jslib/demo/2972-16-9292"></script>

Test this basic room now

To get the code tag of a room, clic the button above the player in your room

Parameters of embeding

The look and feel of the room can be customized to fit your exact needs. You can set up

  • the width of the frame containig the room with w=xxx param when calling it.

  • the height of the frame containig the room with h=xxx param when calling it.

  • the tools (tabs) you want to provide in the room with tabs=yyy param.

  • the nickname of the user in the room. This is very usefull if your site allready has a user context and you want to keep it while users are in the room. You set it up with the nick=zzz param.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Sample site of a myCicle.tv room</title>
	<link rel="icon" type="image/png" href="/Skins/00/smallicon.png">
</head>

<body>
This is a room<br>
<script src="https://www.mycircle.tv/jslib/demo/2972-16-9292?w=1000&tabs=u_c_p&nick=Anastacia"></script>
Easy, no?

</body>
</html>

Test the same room with tag customization



Display room status

You can display the status of a room to let know what is the current video playing, the number of attendees, the last time of activity.

<script src="https://www.mycircle.tv/jslib/30-8682-8960/2972-16-9292/tag"></script>

Giving this standard display : See it with an alternative CSS

The style of the display can be modified if you setup the CSS of the differents DOM elements used inside a <style id="mc_style"></style> tag before you call the tag (ie in the page or in the CSS of your site).


The current CSS setup is :
<style id="mc_style">

</style>

Back to standard CSS


Important about Advertising banners

Advertising in the myCircle frame is the way you contribute to the service.

Thank you for using myCircle.tv.