Plugins 〉Base64 Image/Video/Audio/PDF

Panel
community

Base64 Image/Video/Audio/PDF

  • Overview
  • Installation
  • Change log
  • Related content

Base64 Image/Video/Audio/PDF panel plugin for Grafana

Image Panel

Grafana 9 Base64 Image CI codecov Language grade: JavaScript

Introduction

The Base64 Image/Video/Audio/PDF Panel is a plugin for Grafana that displays Base64 encoded files in PNG, JPG, GIF, MP4, WEBM, MP3, OGG, PDF formats.

Images, PDFs, Video, Live Camera Feed on Grafana Dashboard! You will need Base64 Image/PDF Plugin

Requirements

  • Grafana 8.5+, Grafana 9.0+ is required for version 3.X.
  • Grafana 8.0+ is required for version 2.X.
  • Grafana 7.1+ is required for version 1.X.

Getting Started

Base64 Image/Video/PDF panel can be installed from the Grafana Marketplace or use the grafana-cli tool to install from the command line:

grafana-cli plugins install volkovlabs-image-panel

Grafana Marketplace

Features

  • The returned value can contain base64 with or without definition (data:image/jpg;base64,XXX or data:application/pdf;base64,XXX).
  • The file type is determined automatically based on the first Base64 symbol if definition is not provided.
  • If the data source returns more than one field with type string, you can select the Field Name in the panel's display options.
  • If the data source returns multiple rows, the panel will display the image from the last row.
  • Image height and width can be auto-adjusted to panel's size, kept original or customized base on the field's value or display's panel options.
  • Allows to add URL with title to navigate to other dashboard when clicking on the image.
  • Support MP4, WEBM video files with definition (data:video/mp4;base64,XXX and data:video/webm;base64,XXX)
  • Support MP3, OGG audio files with definition (data:audio/mp3;base64,XXX and data:audio/ogg;base64,XXX)

Feedback

We love to hear from users, developers, and the whole community interested in this plugin. These are various ways to get in touch with us:

  • Ask a question, request a new feature, and file a bug with GitHub issues.
  • Star the repository to show your support.

Contributing

  • Fork the repository.
  • Find an issue to work on and submit a pull request.
  • Could not find an issue? Look for documentation, bugs, typos, and missing features.

License

  • Apache License Version 2.0, see LICENSE.

Installing Base64 Image/Video/Audio/PDF on Grafana Cloud:

For more information, visit the docs on plugin installation.

Changelog

3.1.0 (2022-08-13)

Features / Enhancements

  • Update README and Provisioning dashboards (#43)
  • Add YouTube video in README (#44)
  • Rebuild based on 9.0.7

3.0.0 (2022-06-16)

Breaking changes

  • Requires Grafana 8.5+ and 9.0+

Features / Enhancements

  • Rebuild based on 9.0.0-beta3 (#36)
  • Update PDF loader to start in Docker (#38)
  • Support short Video encoded using Base64 (#39)
  • Support MP3, OGG Audio playback in Base64 (#40)
  • Add Options for Video/Audio Controls and Auto Play (#41)
  • Rebuild based on 9.0.0 (#42)

2.6.0 (2022-04-26)

Features / Enhancements

  • Rebuild using 8.3.6 (#32)
  • Rebuild using 8.4.0 and use PluginCheck v2 (#33)
  • Rebuild using 8.4.3 (#34)
  • Based on Grafana 8.5.0 (#35)

2.5.0 (2022-01-24)

Features / Enhancements

  • Update README to add Grafana Marketplace (#29)
  • Rebuild using 8.3.4 (#28)

2.4.0 (2021-12-16)

Features / Enhancements

  • Upgrade to Grafana 8.2.5 (#22)
  • Upgrade to Grafana 8.3.0 (#23)
  • Update to Grafana 8.3.2 (#24)
  • Update Components naming (#25)
  • Supporting PDF documents more than 2Mb size (#26)

2.3.1 (2021-11-09)

Features / Enhancements

  • Add display:block to display href properly [https://github.com/grafana/grafana/issues/41445] (#21)

2.3.0 (2021-11-08)

Features / Enhancements

  • Navigate to another dashboard from image click (#19)
  • Upgrade to Grafana 8.2.3 (#20)

2.2.0 (2021-11-02)

Features / Enhancements

  • Upgrade to Grafana 8.1.5 (#16)
  • Upgrade to Grafana 8.2.0 (#17)
  • Upgrade to Grafana 8.2.2 (#18)

2.1.1 (2021-08-18)

Features / Enhancements

  • Add Radio to select Image Size modes (#14)

2.1.0 (2021-08-12)

Features / Enhancements

  • Update README (#10)
  • Upgrade to Grafana 8.1.1 (#12)
  • Add Options and Fields to resize an image (#13)

2.0.0 (2021-06-19)

Breaking changes

  • Supports Grafana 8.0+, for Grafana 7.X use version 1.0.1 or 1.1.0

Features / Enhancements

  • Based on Grafana 8.0.2 (#9)

1.1.0 (2021-06-19)

Features / Enhancements

  • Display base64 image with header (#7)
  • Display base64 Image from InfluxDB (#6)
  • Increase tests coverage (#4)

1.0.1 (2021-06-07)

Features / Enhancements

  • Add screenshots for Static and Redis data sources (#5)

1.0.0 (2021-06-07)

Features / Enhancements

  • Initial release based on Grafana 7.5.7
  • Supports PNG, JPG, GIF and PDF