Grafana + WebRTC Conferencing

Grafana + WebRTC Conferencing

We all love Grafana. Millions of teams worldwide are using it to analyze and visualize data, but what if we could use it to actually discuss about our data in real-time? Why not!

Let's use WebRTC + iFrames to embed Conferencing capabilities into our Dashboards!

Requirements

• Login to your Grafana.com or local Grafana
• Add the?HTML Plugin?to your Setup

Conference Panel Setup

• Select or Create a New Grafana Dashboard
• Add a new HTML Panel (download or follow manual instructions)
• Add the following iframe CSS

iframe {
  height: 100%;
  width:  100%;
  border: 0px;
  background: #FFF;
}
        

• Last, add the HTML (change the IFRAME URL to your preferred service!)

Example #1: MEETHING RTCTZN (decentralized/p2p for small teams)

<iframe 
  width="100%" 
  height="100%" 
  src="https://rtctzn.com/?room=grafanarealtime" 
  allow="microphone; camera" >
</iframe>
        

Example #2: JITSI Meet (hosted/sfu for large teams)

<iframe 
  width="100%" 
  height="100%" 
  src="https://meet.jit.si/grafanarealtime"?
  allow="microphone; camera" >
</iframe>        

... or just add your preferred Service URL as long as it allows iframe embedding!

The trick is to simply set the iframe permissions and use a service permitting embedding.

That's All!

Go ahead and invite your colleagues to your Real-Time Conferencing Dashboard!