Grafana for Meetings

Grafana for Meetings

WebRTC Conferencing in Dashboards

ยท

2 min read

Play this article

Grafana + WebRTC Conferencing

We all love Grafana. Millions of teams worldwide are using it to analyze and visualize data from a myriad of sources - our team uses it to develop our qryn stack all day.

Now what if we could use Grafana to meet and discuss about data in real-time?

Why not? ๐Ÿš€

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

image.png

Requirements

image.png

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 section with either example below

      change grafanarealtime to your unique room name!

    • MEETHING RTCTZN (decentralized/p2p for small teams)

      <iframe 
      width="100%" 
      height="100%" 
      src="https://rtctzn.com/?room=grafanarealtime" 
      allow="microphone; camera" >
      </iframe>
      
    • JITSI Meet (centralized/sfu for large teams)
      <iframe 
      width="100%" 
      height="100%" 
      src="https://meet.jit.si/grafanarealtime" 
      allow="microphone; camera" >
      </iframe>
      

You can use any WebRTC service, as long as it allows iframe embedding.

We can even have a meeting RIGHT NOW

This is not an image. It's a real p2p meeting with others on this page.

โ˜๏ธโ˜๏ธโ˜๏ธ for audio and video open in a new tab

That's All!

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

image.png

Did you find this article valuable?

Support qryn by becoming a sponsor. Any amount is appreciated!

ย