Skip to main content

Base64 Image/Video/Audio/PDF Panel

Base64 Image/Video/Audio/PDF Panel is a Grafana plugin that renders PNG, JPG, GIF, MP4, WEBM, MP3, OGG, and PDF files encoded in the Base64 format.

Display images and PDF on Grafana using Base64 Image/Video/Audio/PDF panel.

Requirements​

The Base64 Image/Video/Audio/PDF Panel version requirements for Grafana are as follows:

  • Base64 Panel 5.X requires Grafana 10 or Grafana 11.
  • Base64 Panel 4.X requires Grafana 9 or Grafana 10.
  • Base64 Panel 3.X requires Grafana 8.5 or Grafana 9.
  • Base64 Panel 2.X requires Grafana 8.
  • Base64 Panel 1.X requires Grafana 7.1.

Getting Started​

You can install Base64 Image/Video/Audio/PDF Panel from the Grafana Plugins catalog or using the Grafana command line tool.

For the latter, please use the following command.

grafana-cli plugins install volkovlabs-image-panel

Highlights​

  • The returned value can include base64 encoded content with or without a specified definition. The formats for the definition can look like data:image/jpg;base64,ENCODED-CONTENT or data:application/pdf;base64,ENCODED-CONTENT.
  • The file type is automatically determined based on the first Base64 symbol if no definition is provided.
  • If the data source returns more than one field of the string type, you can select the Field Name in the panel's display options.
  • You can fit image dimensions to the panel size, keep the original values, or adjust dimensions based on the manually supplied values.
  • Allows adding a URL with a title to navigate to other dashboards when clicking the image. URL supports dashboard variables.
  • Support for MP4 and WEBM video files with the definitions (data:video/mp4;base64,ENCODED-CONTENT and data:video/webm;base64,ENCODED-CONTENT)
  • Support for MP3 and OGG audio files with the efinitions (data:audio/mp3;base64,ENCODED-CONTENT and data:audio/ogg;base64,ENCODED-CONTENT)
  • Provides a toolbar to download, zoom, and navigate between multiple images.

Documentation​

SectionDescription
Supported formatsExplains what formats are supported and how to display media files.
OptionsDescribes all plugin options
FeaturesDemonstrates panel capabilities.
Release NotesStay up to date with the latest features and updates.

Feedback​

We're looking forward to hearing from you. You can use different ways to get in touch with us.

  • Ask a question, request a new feature, or report an issue at GitHub issues.
  • Subscribe to our YouTube Channel and leave your comments.
  • Sponsor our open-source plugins for Grafana at GitHub Sponsor.
  • Support our project by starring the repository.

License​

Apache License Version 2.0, see LICENSE.