---
title: "Media transcoding"
description: "Statistics, current queue and worker status of your media transcoding"
hide_title: true
---

import { WidgetInteractionGuide } from "@site/src/components/widgets/interactions";

import { WidgetHeader } from "@site/src/components/widgets/header";
import { AddingWidget } from "@site/src/components/widgets/adding";
import { WidgetConfig } from "@site/src/components/widgets/configuration";
import { WidgetIntegrations } from "@site/src/components/widgets/integrations";
import { IconAd } from "@tabler/icons-react";
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
import { mediaTranscodingWidget } from ".";
import { tdarrIntegration } from "@site/docs/integrations/tdarr";

<WidgetHeader widget={mediaTranscodingWidget} categories={["Media transcoding"]} />

The media transcoding widget provides you with an overview of your media transcoding status.
It shows you the current queue, worker status, and statistics about your transcoding jobs.
Advanced view presents all three panels together. If refreshes fail after data has loaded, Homarr keeps the last useful result visible and marks it as stale.

### Screenshots

import queueCard from "./img/queue.png";
import workersCard from "./img/workers.png";
import statisticsCard from "./img/statistics.png";

<div className="flex gap-1 flex-wrap">
  <img src={workersCard} alt="media-transcoding workers-tab" width={128 * 3} />
  <img src={queueCard} alt="media-transcoding  queue-tab" width={128 * 3} />
  <img src={statisticsCard} alt="media-transcoding statistics-tab" width={128 * 3} />
</div>

### Supported Integrations

<WidgetIntegrations
  items={[
    {
      integration: tdarrIntegration,
    },
  ]}
/>

<WidgetInteractionGuide />

### Adding the widget

<AddingWidget />

### Configuration

<WidgetConfig configuration={mediaTranscodingWidget.configuration} />