插件 〉Business Media

开发者

Volkov Labs

订阅以接收不定期的产品新闻和更新

最新网络研讨会

Grafana Cloud 应用与前端可观测性简介
Grafana Cloud 应用与前端可观测性简介
使用 Grafana 管理您的指标、日志和追踪入门
使用 Grafana 管理您的指标、日志和追踪入门
Grafana Cloud Kubernetes 监控简介
Grafana Cloud Kubernetes 监控简介
面板
社区

Business Media

  • 概览
  • 安装
  • 更新日志
  • 相关内容
Image Panel

Grafana 的 Business Media

Media

Grafana CI E2E Codecov CodeQL

Business Media 是一款强大的 Grafana 插件，旨在通过 base64 编码或直接 URL 显示各种媒体文件，包括 PNG、JPG、GIF、MP4、WEBM、MP3、OGG 和 PDF。您可以轻松灵活地将多媒体内容无缝集成到您的 Grafana 仪表盘中。

Display Images and PDFs in Grafana with Business Media

🚀 功能

  • 多功能媒体支持：使用 base64 编码的数据或 URL 渲染图像、视频、音频和 PDF。
  • 分页：通过直观的分页控件显示多个媒体文件。
  • 灵活的数据处理：支持包含或不包含格式定义（例如，data:image/jpg;base64,ENCODED-CONTENT）的 base64 内容。
  • 字段选择：从返回多个字符串字段的数据源中选择特定字段。
  • 可定制显示：将媒体适配面板大小、保留原始尺寸或设置自定义尺寸。
  • 交互式导航：添加带有标题的可点击 URL，链接到其他仪表盘，支持仪表盘变量。
  • 用户友好的工具栏：轻松下载、缩放并在媒体文件之间导航。

📋 要求

确保您的 Grafana 版本满足 Business Media 面板的要求

插件版本兼容的 Grafana 版本
Business Media 6.XGrafana 10, Grafana 11
Business Media 5.XGrafana 10, Grafana 11
Base64 Image/PDF 4.XGrafana 9, Grafana 10
Base64 Image/PDF 3.XGrafana 8.5, Grafana 9
Base64 Image/PDF 2.XGrafana 8
Base64 Image/PDF 1.XGrafana 7.1

🛠️ 安装

通过 Grafana Plugins Catalog 或使用 Grafana CLI 安装 Business Media 面板。

使用 Grafana CLI

grafana cli plugins install volkovlabs-image-panel

Install Business Suite Plugins in Cloud, OSS, and Enterprise

📚 文档

探索详细指南和资源，充分利用 Business Media 面板

章节描述
支持的格式了解支持的媒体格式以及如何显示它们。
选项了解所有可用的配置选项。
功能发现面板的全部功能。
教程按照常见用例的分步指南操作。
版本说明了解最新功能和改进。

🌟 Grafana 的 Business Suite

Business Suite 是 Volkov Labs 开发和维护的开源插件集合。这些插件旨在解决常见的业务需求，提供直观的界面、全面的文档、实用的示例和视频教程。

Business Suite for Grafana

企业支持

通过 Business Suite Enterprise 提升您的体验。优势包括

  • 通过 Zendesk 提供专门支持。
  • 优先处理功能请求和错误修复。
  • 面对面咨询。
  • 访问独家商业智能功能。

💬 联系我们

我们重视您的反馈并乐于提供帮助

📜 许可证

本项目根据 Apache License Version 2.0 获得许可。有关详细信息，请参阅 LICENSE 文件。

在 Grafana Cloud 上安装 Business Media

更多信息，请访问有关插件安装的文档。

更新日志

本项目所有值得注意的变更将记录在此文件中。本项目遵循 Semantic Versioning。

格式基于 Keep a Changelog，维护此更新日志旨在为 Grafana 的 Business Media 插件提供清晰的更新、功能和破坏性变更历史。

[未发布]

  • 目前没有未发布的变更。

[6.3.0] - 2025-05-05

新增

  • 更新了构建过程中的控制台错误消息（#152）。
  • 移除了对 @volkovlabs/grafana-utils 的依赖（#154）。
  • 更新了依赖项以支持 Grafana 11.6（#155）。

[6.2.0] - 2024-12-03

新增

  • 改进了超时和错误的数据状态处理（#145）。
  • 更新了端到端 (E2E) 测试以提高覆盖率（#150）。
  • 更新了依赖项以支持 Grafana 11.3（#151）。

[6.1.0] - 2024-09-05

新增

  • 增强了媒体源状态管理（#137）。
  • 引入了用于流传输功能的 WebSocket 服务器（#140）。
  • 更新了依赖项以支持 Grafana 11.2（#141）。
  • 为图像添加了滚动选项（#142）。

[6.0.0] - 2024-07-29

破坏性变更

  • 面板选项中的图像链接现在必须使用 Data Links。
  • PDF 字段需要将媒体源类型更新为 PDF。

新增

  • 为视频添加了海报支持（#120）。
  • 更新了数据系列减少时的当前索引处理（#121）。
  • 将图像 URL 转换为 Data Links（#122）。
  • 引入了混合媒体的幻灯片功能（#123）。
  • 重构了 Media 面板以提升性能（#124）。
  • 在 Media Field 和 Poster Image 中添加了对多个查询的支持（#127）。
  • 更新了依赖项以支持 Grafana 11.1（#128）。
  • 记录了 PDF 破坏性变更并准备发布 6.0.0 版本（#132）。

[5.1.0] - 2024-06-23

新增

  • 更新了视频概览文档（#100）。
  • 添加了插件 E2E 测试并移除了 Cypress 依赖（#101、#102、#103、#105）。
  • 添加了从 URL 加载图像和视频的支持，以及视频工具栏（#111、#116）。
  • 更新了依赖项以支持 Grafana 11（#114）。
  • 更新为使用 packages 中的 frame utilities（#115）。
  • 使用 Docker 改进了 E2E 工作流程（#117）。

[5.0.0] - 2024-03-25

破坏性变更

  • 需要 Grafana 10 或 Grafana 11。

新增

  • 添加了告警消息的定制选项（#96）。
  • 更新了依赖项以支持 Grafana 10.4.1（#97）。
  • 移除了已弃用的 ArrayVector，为 Grafana 11 做准备（#99）。

[4.2.0] - 2024-02-22

新增

  • 更新了 ESLint 配置并进行了代码重构（#92）。
  • 更新了依赖项和 GitHub Actions（#94）。
  • 为媒体播放添加了无限循环选项（#93）。

[4.1.0] - 2023-10-29

新增

  • 更新了 ESLint 配置以提高代码质量（#84）。
  • 添加了图像缩放算法选项，以改善图像渲染效果（#89）。
  • 更新到 Plugin Tools 2.1.1 和 Grafana 10.1.5，并使用 Grafana 访问策略签署了插件（#90）。

[4.0.0] - 2023-06-26

破坏性变更

  • 需要 Grafana 9 或 Grafana 10。

新增

  • 为图像添加了平移和捏合缩放选项（#78）。
  • 将平移和捏合按钮移到了工具栏，以提高可用性（#79）。
  • 更新了依赖项以支持 Grafana 10.0.0（#80）。
  • 为媒体项目添加了描述标签（#82）。
  • 移除了对 Grafana 8.5 的支持（#83）。

[3.6.0] - 2023-06-06

新增

  • 更新了依赖项以支持 Grafana 9.5.2（#70）。
  • 添加了使用 Cypress 的 E2E 测试（#71）。
  • 迁移到 Plugin Tools 1.5.2 并更新到 Node 18（#72、#73）。
  • 增加了测试覆盖率以提高可靠性（#72）。
  • 测试了与 Grafana 10 Preview 的兼容性（#74）。
  • 添加了用于下载、缩放和在图像之间导航的工具栏（#75、#76、#77）。

[3.5.0] - 2023-03-07

新增

  • 更新了 CI 和发布工作流程以提高自动化水平（#64）。
  • 更新了依赖项以支持 Grafana 9.4.3（#65）。
  • 设置 NoPadding 以充分利用面板空间（#66）。

[3.4.0] - 2023-01-08

新增

  • 更新了依赖项以支持 Grafana 9.3.2（#60）。
  • 添加了文档链接以更好地指导用户（#61）。
  • 更新了 README 和文档以提高清晰度（#62）。

[3.3.0] - 2022-10-30

新增

  • 在 URL 字段中添加了对 sanitized 变量的支持（#53）。
  • 将 CI 更新到 Node 16 并与发布工作流程同步（#55）。
  • 更新了依赖项以支持 Grafana 9.2.2（#56）。

[3.2.0] - 2022-10-05

新增

  • 更新了依赖项以支持 Grafana 9.1.4（#47）。
  • 为 CI 添加了兼容性检查工作流程（#48）。
  • 添加了禁用 PDF 工具栏的选项（#50）。
  • 更新了依赖项以支持 Grafana 9.1.7（#51）。

[3.1.0] - 2022-08-13

新增

  • 更新了 README 和配置仪表盘文档（#43）。
  • 在 README 中添加了 YouTube 视频，以提供用户指导（#44）。
  • 基于 Grafana 9.0.7 重新构建（#45）。
  • 更新了 Grafana Marketplace 图像（#46）。

[3.0.0] - 2022-06-16

破坏性变更

  • 需要 Grafana 8.5+ 或 9.0+。

新增

  • 基于 Grafana 9.0.0-beta3 重新构建（#36）。
  • 更新了 PDF 加载器，使其在 Docker 环境中启动（#38）。
  • 添加了对 Base64 编码的短视频的支持（#39）。
  • 添加了对 Base64 中的 MP3 和 OGG 音频播放的支持（#40）。
  • 添加了视频/音频控制和自动播放选项（#41）。
  • 基于 Grafana 9.0.0 重新构建（#42）。

[2.6.0] - 2022-04-26

新增

  • 使用 Grafana 8.3.6 重新构建（#32）。
  • 使用带有 PluginCheck v2 的 Grafana 8.4.0 重新构建（#33）。
  • 使用 Grafana 8.4.3 重新构建（#34）。
  • 基于 Grafana 8.5.0（#35）。

[2.5.0] - 2022-01-24

新增

  • 更新了 README，包含了 Grafana Marketplace 信息（#29）。
  • 使用 Grafana 8.3.4 重新构建（#28）。

[2.4.0] - 2021-12-16

新增

  • 升级到 Grafana 8.2.5（#22）。
  • 升级到 Grafana 8.3.0（#23）。
  • 更新到 Grafana 8.3.2（#24）。
  • 更新了组件命名以保持一致性（#25）。
  • 添加了对大于 2MB 的 PDF 文档的支持（#26）。

[2.3.1] - 2021-11-09

新增

[2.3.0] - 2021-11-08

新增

  • 添加了从图像点击导航到其他仪表盘的功能（#19）。
  • 升级到 Grafana 8.2.3（#20）。

[2.2.0] - 2021-11-02

新增

  • 升级到 Grafana 8.1.5（#16）。
  • 升级到 Grafana 8.2.0（#17）。
  • 升级到 Grafana 8.2.2（#18）。

[2.1.1] - 2021-08-18

新增

  • 添加了单选按钮以选择图像大小模式（#14）。

[2.1.0] - 2021-08-12

新增

  • 更新了 README 以提供更好的文档（#10）。
  • 升级到 Grafana 8.1.1（#12）。
  • 添加了选项和字段以调整图像大小（#13）。

[2.0.0] - 2021-06-19

破坏性变更

  • 仅支持 Grafana 8.0+。对于 Grafana 7.x，请使用版本 1.0.1 或 1.1.0。

新增

  • 基于 Grafana 8.0.2（#9）。

[1.1.0] - 2021-06-19

新增

  • 添加了对显示带有头部信息的 Base64 图像的支持（#7）。
  • 添加了对显示来自 InfluxDB 的 Base64 图像的支持（#6）。
  • 增加了测试覆盖率以提高可靠性（#4）。

[1.0.1] - 2021-06-07

新增

  • 添加了 Static 和 Redis 数据源的截图（#5）。

[1.0.0] - 2021-06-07

新增

  • 基于 Grafana 7.5.7 的初始发布。
  • 支持 PNG、JPG、GIF 和 PDF 格式。
链接图标
文档
定制插件页面的导航位置
链接图标
文档
使用 AngularJS 的插件
链接图标
文档
监控图像渲染器
链接图标
文档
排除图像渲染故障
博客文章图标
博客文章
视频：MongoDB 和 Grafana 入门指南
博客文章图标
博客文章
介绍全新改进的 Grafana BigQuery 插件
博客文章图标
博客文章
使用 Grafana、Databricks 和 Sqlyze 插件监控废水中的 COVID-19 病毒水平
博客文章图标
博客文章
视频：New Relic 数据源插件的 Grafana Enterprise 版前 3 大功能
博客文章图标
博客文章
Grafana Cloud 的合成监控插件中的 traceroute 如何帮助网络故障排除
博客文章图标
博客文章
视频：如何在 Grafana 中构建 Prometheus 查询
博客文章图标
博客文章
视频：如何在 Grafana 中设置 Prometheus 数据源
博客文章图标
博客文章
不要错过我们关于 Grafana Tempo、Grafana Enterprise Traces 和新 Sentry 插件的网络研讨会
博客文章图标
博客文章
Grafana 2021：年度回顾
博客文章图标
博客文章
使用新的 Amazon Redshift 数据源插件在 Grafana 中监控所有 Redshift 集群
博客文章图标
博客文章
介绍 Grafana 的 Sentry 数据源插件