Skip to content

Theta Web Widgets

Include JS script

Place a script tag into your html page's head tag.

<script type="application/javascript" src="https://theta-web-widgets.thetatoken.org/js/ThetaWebWidgets.js">

Widget placeholder div

Place an empty div into your html page where you'd like to place the Theta web widget. Replace 'MY_THETA_WEB_WIDGET_ID' with your desired element ID. This will be used below.

<div id="MY_THETA_WEB_WIDGET_ID"></div>

Initialize Theta web widget

var widget = new ThetaWebWidgets.OverviewWithTrafficChartWidget(null);
widget.setTheme(ThetaWebWidgets.Themes.Light);
widget.render("MY_THETA_WEB_WIDGET_ID");

The Theta web widget will render inside of your placeholder div and will automatically display data from your Theta library displaying video.

Please note, at this time, there can only be 1 instance of the Theta library connected to the widget. Typically sites only display one video at a time.