From 4fef1cb0782e68a21a94859e34a9322be9ce558b Mon Sep 17 00:00:00 2001
From: Alberto Miconi <radiobros26@gmail.com>
Date: Fri, 28 Aug 2026 11:08:27 +0200
Subject: [PATCH 1/3] feat(VAudio): add audio player component

---
 .../api-generator/src/locale/en/VAudio.json   |  52 ++
 .../src/locale/en/VAudioControls.json         |  56 ++
 .../src/locale/en/VAudioWaveform.json         |  32 +
 packages/docs/src/data/nav.json               |   4 +
 .../src/examples/v-audio/misc-waveform.vue    |  51 ++
 .../src/examples/v-audio/prop-density.vue     |  60 ++
 .../docs/src/examples/v-audio/prop-peaks.vue  |  52 ++
 .../src/examples/v-audio/prop-seek-target.vue |  47 ++
 .../docs/src/examples/v-audio/slot-error.vue  |  45 ++
 packages/docs/src/examples/v-audio/usage.vue  |  61 ++
 .../src/pages/en/components/audio-players.md  | 109 +++
 .../docs/src/pages/en/labs/introduction.md    |   1 +
 packages/vuetify/src/iconsets/bx.ts           |   4 +
 packages/vuetify/src/iconsets/carbon.ts       |   4 +
 packages/vuetify/src/iconsets/fa.ts           |   4 +
 packages/vuetify/src/iconsets/fa4.ts          |   4 +
 packages/vuetify/src/iconsets/fa6.ts          |   4 +
 packages/vuetify/src/iconsets/lucide.ts       |   4 +
 packages/vuetify/src/iconsets/md.ts           |   4 +
 packages/vuetify/src/iconsets/mdi-svg.ts      |   4 +
 packages/vuetify/src/iconsets/mdi-unocss.ts   |   4 +
 packages/vuetify/src/iconsets/mdi.ts          |   4 +
 packages/vuetify/src/iconsets/ms.ts           |   4 +
 packages/vuetify/src/iconsets/ph.ts           |   4 +
 packages/vuetify/src/iconsets/ri.ts           |   4 +
 packages/vuetify/src/iconsets/tabler.ts       |   4 +
 packages/vuetify/src/labs/VAudio/VAudio.sass  |  98 +++
 packages/vuetify/src/labs/VAudio/VAudio.tsx   | 633 ++++++++++++++++++
 .../src/labs/VAudio/VAudioControls.sass       |  68 ++
 .../src/labs/VAudio/VAudioControls.tsx        | 515 ++++++++++++++
 .../src/labs/VAudio/VAudioWaveform.sass       |  75 +++
 .../src/labs/VAudio/VAudioWaveform.tsx        | 402 +++++++++++
 .../VAudio/__tests__/VAudio.spec.browser.tsx  | 213 ++++++
 .../__tests__/VAudioWaveform.spec.browser.tsx | 126 ++++
 .../src/labs/VAudio/__tests__/api.spec.ts     |  24 +
 .../src/labs/VAudio/__tests__/peaks.spec.ts   |  51 ++
 .../src/labs/VAudio/__tests__/time.spec.ts    |  31 +
 .../vuetify/src/labs/VAudio/_variables.scss   |  52 ++
 packages/vuetify/src/labs/VAudio/decode.ts    |  51 ++
 packages/vuetify/src/labs/VAudio/index.ts     |   3 +
 packages/vuetify/src/labs/VAudio/peaks.ts     |  52 ++
 packages/vuetify/src/labs/VAudio/time.ts      |  15 +
 packages/vuetify/src/labs/components.ts       |   1 +
 packages/vuetify/src/locale/af.ts             |  14 +
 packages/vuetify/src/locale/ar.ts             |  14 +
 packages/vuetify/src/locale/az.ts             |  14 +
 packages/vuetify/src/locale/bg.ts             |  14 +
 packages/vuetify/src/locale/ca.ts             |  14 +
 packages/vuetify/src/locale/ckb.ts            |  14 +
 packages/vuetify/src/locale/cs.ts             |  14 +
 packages/vuetify/src/locale/da.ts             |  14 +
 packages/vuetify/src/locale/de.ts             |  14 +
 packages/vuetify/src/locale/el.ts             |  14 +
 packages/vuetify/src/locale/en.ts             |  14 +
 packages/vuetify/src/locale/es.ts             |  14 +
 packages/vuetify/src/locale/et.ts             |  14 +
 packages/vuetify/src/locale/fa.ts             |  14 +
 packages/vuetify/src/locale/fi.ts             |  14 +
 packages/vuetify/src/locale/fr.ts             |  14 +
 packages/vuetify/src/locale/he.ts             |  14 +
 packages/vuetify/src/locale/hr.ts             |  14 +
 packages/vuetify/src/locale/hu.ts             |  14 +
 packages/vuetify/src/locale/id.ts             |  14 +
 packages/vuetify/src/locale/it.ts             |  14 +
 packages/vuetify/src/locale/ja.ts             |  14 +
 packages/vuetify/src/locale/km.ts             |  14 +
 packages/vuetify/src/locale/ko.ts             |  14 +
 packages/vuetify/src/locale/lt.ts             |  14 +
 packages/vuetify/src/locale/lv.ts             |  14 +
 packages/vuetify/src/locale/nl.ts             |  14 +
 packages/vuetify/src/locale/no.ts             |  14 +
 packages/vuetify/src/locale/pl.ts             |  14 +
 packages/vuetify/src/locale/pt.ts             |  14 +
 packages/vuetify/src/locale/ro.ts             |  14 +
 packages/vuetify/src/locale/ru.ts             |  14 +
 packages/vuetify/src/locale/sk.ts             |  14 +
 packages/vuetify/src/locale/sl.ts             |  14 +
 packages/vuetify/src/locale/sr-Cyrl.ts        |  14 +
 packages/vuetify/src/locale/sr-Latn.ts        |  14 +
 packages/vuetify/src/locale/sv.ts             |  14 +
 packages/vuetify/src/locale/th.ts             |  14 +
 packages/vuetify/src/locale/tr.ts             |  14 +
 packages/vuetify/src/locale/uk.ts             |  14 +
 packages/vuetify/src/locale/vi.ts             |  14 +
 packages/vuetify/src/locale/zh-Hans.ts        |  14 +
 packages/vuetify/src/locale/zh-Hant.ts        |  14 +
 86 files changed, 3638 insertions(+)
 create mode 100644 packages/api-generator/src/locale/en/VAudio.json
 create mode 100644 packages/api-generator/src/locale/en/VAudioControls.json
 create mode 100644 packages/api-generator/src/locale/en/VAudioWaveform.json
 create mode 100644 packages/docs/src/examples/v-audio/misc-waveform.vue
 create mode 100644 packages/docs/src/examples/v-audio/prop-density.vue
 create mode 100644 packages/docs/src/examples/v-audio/prop-peaks.vue
 create mode 100644 packages/docs/src/examples/v-audio/prop-seek-target.vue
 create mode 100644 packages/docs/src/examples/v-audio/slot-error.vue
 create mode 100644 packages/docs/src/examples/v-audio/usage.vue
 create mode 100644 packages/docs/src/pages/en/components/audio-players.md
 create mode 100644 packages/vuetify/src/labs/VAudio/VAudio.sass
 create mode 100644 packages/vuetify/src/labs/VAudio/VAudio.tsx
 create mode 100644 packages/vuetify/src/labs/VAudio/VAudioControls.sass
 create mode 100644 packages/vuetify/src/labs/VAudio/VAudioControls.tsx
 create mode 100644 packages/vuetify/src/labs/VAudio/VAudioWaveform.sass
 create mode 100644 packages/vuetify/src/labs/VAudio/VAudioWaveform.tsx
 create mode 100644 packages/vuetify/src/labs/VAudio/__tests__/VAudio.spec.browser.tsx
 create mode 100644 packages/vuetify/src/labs/VAudio/__tests__/VAudioWaveform.spec.browser.tsx
 create mode 100644 packages/vuetify/src/labs/VAudio/__tests__/api.spec.ts
 create mode 100644 packages/vuetify/src/labs/VAudio/__tests__/peaks.spec.ts
 create mode 100644 packages/vuetify/src/labs/VAudio/__tests__/time.spec.ts
 create mode 100644 packages/vuetify/src/labs/VAudio/_variables.scss
 create mode 100644 packages/vuetify/src/labs/VAudio/decode.ts
 create mode 100644 packages/vuetify/src/labs/VAudio/index.ts
 create mode 100644 packages/vuetify/src/labs/VAudio/peaks.ts
 create mode 100644 packages/vuetify/src/labs/VAudio/time.ts

diff --git a/packages/api-generator/src/locale/en/VAudio.json b/packages/api-generator/src/locale/en/VAudio.json
new file mode 100644
index 00000000000..d6439ce2e40
--- /dev/null
+++ b/packages/api-generator/src/locale/en/VAudio.json
@@ -0,0 +1,52 @@
+{
+  "description": "A player for self-hosted audio files, with a seekable waveform and a configurable transport bar.",
+  "props": {
+    "src": "Media file URL",
+    "srcObject": "Sets the source to a MediaStream, MediaSource, or Blob object. Live streams report an infinite duration, so the time display shows elapsed only and the waveform falls back to a placeholder track.",
+    "type": "Media file type (optional). When set, the source is rendered as a nested `<source>` element so the hint is honoured.",
+    "crossorigin": "Forwarded to the native audio element. Required, together with CORS response headers from the media host, before peaks can be decoded from a cross-origin file.",
+    "preload": "Forwarded to the native audio element. The default `metadata` obtains the duration without downloading the whole file.",
+    "currentTime": "Playback position in seconds. Writing to it seeks; it stays in sync with `progress`, which expresses the same position as a percentage.",
+    "error": "Puts the component in the manual error state.",
+    "autoplay": "Starts loading the media file without waiting for the user to click. Playback begins once enough data is loaded.",
+    "loop": "Restarts playback when the end is reached. The `ended` event is not emitted while looping.",
+    "muted": "Hides the volume control and disables the playback sound.",
+    "startAt": "Moves progress to the specified time (in seconds) once the media file is loaded.",
+    "eager": "Silently loads the media file without waiting for the user to click.",
+    "disabled": "Removes all interaction and dims the component.",
+    "seekTarget": "Which surface responds to a click when no waveform is shown. A visible waveform is always the seek surface, so `container` takes effect together with `hide-waveform` — that combination makes the whole component click-to-seek. `none` disables seeking entirely.",
+    "rounded": "Applies a border radius to the container and the controls. Accepts an array of two values to customize the elements separately.",
+    "controlsProps": "Pass props through to the `v-audio-controls` component. Accepts an object with anything from [v-audio-controls](/api/v-audio-controls/#props) props, camelCase keys are recommended."
+  },
+  "events": {
+    "loaded": "Emitted when the audio has loaded its metadata and is ready to be played.",
+    "ended": "Emitted when playback reaches the end. Not emitted while `loop` is set.",
+    "error": "Emits the native MediaError when the audio fails to load, or `false` when the user triggers a retry.",
+    "update:playing": "Emitted when the playing state changes.",
+    "update:progress": "Emitted when the playback position changes, as a percentage (0-100).",
+    "update:currentTime": "Emitted when the playback position changes, in seconds.",
+    "update:volume": "Emitted when the volume changes.",
+    "update:playbackRate": "Emitted when the playback rate changes.",
+    "update:error": "Emitted when the error state changes."
+  },
+  "slots": {
+    "controls": "Replaces the control bar with custom content.",
+    "prepend": "Additional content on the left within the control bar.",
+    "append": "Additional content on the right within the control bar.",
+    "waveform": "Replaces the waveform between the controls and the time display.",
+    "time": "Replaces the time display. Receives the elapsed, remaining and total time already formatted.",
+    "loader": "Slot used to replace the loader displayed while the audio is being loaded.",
+    "error": "Slot used to replace the default error state. Receives the MediaError and a `retry` function.",
+    "sources": "Slot for content placed within the native `<audio>` element."
+  },
+  "exposed": {
+    "audio": "The underlying native audio element.",
+    "play": "Start playback.",
+    "pause": "Pause playback.",
+    "stop": "Pause playback and return to the start.",
+    "skipTo": "Skip to a specific point in the playback. Accepts a percent value (0-100).",
+    "skipBy": "Move the playback position by a number of seconds, positive or negative.",
+    "retry": "Clear the error state and load the source again.",
+    "toggleMuted": "Mute/unmute audio."
+  }
+}
diff --git a/packages/api-generator/src/locale/en/VAudioControls.json b/packages/api-generator/src/locale/en/VAudioControls.json
new file mode 100644
index 00000000000..abf9c0c13b2
--- /dev/null
+++ b/packages/api-generator/src/locale/en/VAudioControls.json
@@ -0,0 +1,56 @@
+{
+  "description": "Subcomponent for `v-audio` used to display the transport bar.",
+  "props": {
+    "playing": "Applies the correct icon to the default play button.",
+    "progress": "Controls the playback position (0 ~ 100).",
+    "duration": "Total duration of the audio, used to calculate the displayed time.",
+    "volume": "Volume value passed to the underlying control and slots.",
+    "playbackRate": "Current playback rate. Only meaningful together with `playbackRates`.",
+    "playbackRates": "Rates offered by the playback speed menu. Leaving it empty hides the menu.",
+    "variant": "Layout of the control bar. `mini` renders play and time only; `hidden` renders nothing.",
+    "hidePlay": "Hides the default play button.",
+    "hideStop": "Hides the default stop button.",
+    "hideVolume": "Hides the default volume control.",
+    "hideTime": "Hides the time display.",
+    "hideWaveform": "Hides the waveform. With `seek-target=\"container\"` this turns the whole component into the seek surface.",
+    "skipInterval": "Seconds moved by the skip buttons. `0` hides them. The value is announced in the buttons' labels.",
+    "download": "Shows a download button. A string value is used as the downloaded file name.",
+    "splitTime": "Splits time into elapsed and remaining on each side of the waveform.",
+    "timeDisplay": "Format of the single time display. Ignored when `split-time` is set.",
+    "playIcon": "Icon used for the play action.",
+    "pauseIcon": "Icon used for the pause action.",
+    "stopIcon": "Icon used for the stop action.",
+    "volumeIcon": "Icon used when audio is audible.",
+    "muteIcon": "Icon used when audio is muted.",
+    "downloadIcon": "Icon used for the download action.",
+    "skipForwardIcon": "Icon used for the skip forward action.",
+    "skipBackwardIcon": "Icon used for the skip backward action.",
+    "color": "General color applied to icons, the played waveform and sliders.",
+    "backgroundColor": "Container background color.",
+    "pills": "Makes the container transparent and shows inner actions in separated boxes.",
+    "detached": "Moves the container below so it reads as a separate surface.",
+    "floating": "Introduces visual spacing from the container boundaries.",
+    "waveformProps": "Pass props through to the `v-audio-waveform` component. Accepts an object with anything from [v-audio-waveform](/api/v-audio-waveform/#props) props, camelCase keys are recommended."
+  },
+  "events": {
+    "update:playing": "Emitted when the playing state changes.",
+    "update:progress": "Emitted when the playback position changes.",
+    "update:volume": "Emitted when the volume value changes.",
+    "update:playbackRate": "Emitted when the playback rate changes.",
+    "skip": "Emitted when a skip action is triggered. Carries the target position as a percentage.",
+    "scrubStart": "Emitted when the user starts dragging the waveform.",
+    "scrubEnd": "Emitted when the user stops dragging the waveform.",
+    "click:stop": "Emitted when the stop button is clicked.",
+    "click:download": "Emitted when the download button is clicked."
+  },
+  "slots": {
+    "default": "Replaces the entire contents of the control bar.",
+    "prepend": "Additional content on the left within the control bar.",
+    "append": "Additional content on the right within the control bar.",
+    "waveform": "Replaces the waveform between the controls and the time display.",
+    "time": "Replaces the time display. Receives the elapsed, remaining and total time already formatted."
+  },
+  "exposed": {
+    "toggleMuted": "Toggles the muted state of the audio."
+  }
+}
diff --git a/packages/api-generator/src/locale/en/VAudioWaveform.json b/packages/api-generator/src/locale/en/VAudioWaveform.json
new file mode 100644
index 00000000000..e5ced333a3e
--- /dev/null
+++ b/packages/api-generator/src/locale/en/VAudioWaveform.json
@@ -0,0 +1,32 @@
+{
+  "description": "Subcomponent for `v-audio` that draws an amplitude waveform and acts as the seek surface. Usable on its own with nothing but `peaks` and a model.",
+  "props": {
+    "modelValue": "Playback position as a percentage (0 ~ 100).",
+    "peaks": "Precomputed amplitude values, normalized 0 to 1. Supplying them skips decoding entirely, which is the only path that works for cross-origin media.",
+    "buffered": "Buffered ranges as flat `[start, end, …]` pairs in percent, drawn as a dimmed overlay beneath the played portion.",
+    "bars": "Number of bars to draw. Longer `peaks` arrays are downsampled to fit; shorter ones are used as they are.",
+    "barWidth": "Width of a single bar, relative to the bar geometry's own coordinate space.",
+    "barGap": "Gap between bars, in the same units as `bar-width`.",
+    "barRadius": "Corner radius of a single bar.",
+    "height": "Height of the waveform.",
+    "color": "Color of the played portion. Falls back to the current text color.",
+    "trackColor": "Color of the unplayed portion. Falls back to the current text color at a reduced opacity.",
+    "bufferColor": "Color of the buffered overlay. Falls back to the current text color at a reduced opacity.",
+    "seekable": "Allows the position to be changed by pointer and keyboard.",
+    "preview": "Shows a cursor line and a time tooltip while hovering.",
+    "duration": "Total duration in seconds, used for the tooltip and `aria-valuetext`. Without it both fall back to a percentage.",
+    "normalize": "Rescales the peaks so the loudest bar reaches full height. Applied at render, so toggling it does not require decoding again.",
+    "sampleStrategy": "How samples are reduced to one value per bar. `peak` preserves transients and suits speech; `rms` is smoother and suits music.",
+    "mirror": "Reflects the waveform below the centre line at a reduced opacity.",
+    "step": "Distance moved by the arrow keys, as a percentage. Page Up and Page Down move ten times as far.",
+    "disabled": "Removes all interaction and dims the waveform."
+  },
+  "events": {
+    "update:modelValue": "Emitted when the position changes.",
+    "start": "Emitted when the user starts dragging.",
+    "end": "Emitted when the user stops dragging."
+  },
+  "slots": {
+    "tooltip": "Replaces the contents of the hover tooltip. Receives the formatted time and the hovered position."
+  }
+}
diff --git a/packages/docs/src/data/nav.json b/packages/docs/src/data/nav.json
index 9925babc451..5918fc2a2af 100644
--- a/packages/docs/src/data/nav.json
+++ b/packages/docs/src/data/nav.json
@@ -270,6 +270,10 @@
     "activeIcon": "mdi-beaker",
     "items": [
       "introduction",
+      {
+        "title": "audio-players",
+        "subfolder": "components"
+      },
       {
         "title": "avatar-groups",
         "subfolder": "components"
diff --git a/packages/docs/src/examples/v-audio/misc-waveform.vue b/packages/docs/src/examples/v-audio/misc-waveform.vue
new file mode 100644
index 00000000000..c660048f010
--- /dev/null
+++ b/packages/docs/src/examples/v-audio/misc-waveform.vue
@@ -0,0 +1,51 @@
+<template>
+  <v-container class="d-flex flex-column ga-4" style="max-width: 560px;">
+    <v-audio-waveform
+      v-model="position"
+      :bars="96"
+      :duration="218"
+      :height="48"
+      :peaks="peaks"
+      color="primary"
+      mirror
+    ></v-audio-waveform>
+
+    <div class="text-caption text-medium-emphasis text-center">
+      Position: {{ Math.round(position) }}%
+    </div>
+  </v-container>
+</template>
+
+<script setup>
+  import { shallowRef } from 'vue'
+
+  const position = shallowRef(35)
+  const peaks = [
+    0.35, 0.35, 0.57, 0.49, 0.69, 0.60, 0.85, 0.43,
+    0.61, 0.28, 0.43, 0.67, 0.53, 0.49, 0.36, 0.02,
+    0.02, 0.01, 0.01, 0.01, 0.03, 0.03, 0.01, 0.01,
+    0.41, 0.37, 0.65, 0.69, 1.00, 0.66, 0.68, 0.72,
+    0.75, 0.27, 0.25, 0.31, 0.38, 0.92, 0.48, 0.56,
+    0.32, 0.33, 0.02, 0.03, 0.01, 0.01, 0.02, 0.02,
+    0.04, 0.02, 0.29, 0.45, 0.48, 0.83, 0.87, 0.45,
+    0.21, 0.37, 0.33, 0.29, 0.53, 0.66, 0.83, 0.98,
+  ]
+</script>
+
+<script>
+  export default {
+    data: () => ({
+      position: 35,
+      peaks: [
+        0.35, 0.35, 0.57, 0.49, 0.69, 0.60, 0.85, 0.43,
+        0.61, 0.28, 0.43, 0.67, 0.53, 0.49, 0.36, 0.02,
+        0.02, 0.01, 0.01, 0.01, 0.03, 0.03, 0.01, 0.01,
+        0.41, 0.37, 0.65, 0.69, 1.00, 0.66, 0.68, 0.72,
+        0.75, 0.27, 0.25, 0.31, 0.38, 0.92, 0.48, 0.56,
+        0.32, 0.33, 0.02, 0.03, 0.01, 0.01, 0.02, 0.02,
+        0.04, 0.02, 0.29, 0.45, 0.48, 0.83, 0.87, 0.45,
+        0.21, 0.37, 0.33, 0.29, 0.53, 0.66, 0.83, 0.98,
+      ],
+    }),
+  }
+</script>
diff --git a/packages/docs/src/examples/v-audio/prop-density.vue b/packages/docs/src/examples/v-audio/prop-density.vue
new file mode 100644
index 00000000000..161361e122f
--- /dev/null
+++ b/packages/docs/src/examples/v-audio/prop-density.vue
@@ -0,0 +1,60 @@
+<template>
+  <div>
+    <v-sheet class="px-6 py-2 border-b mb-3" color="surface">
+      <div class="d-flex ga-2 ga-md-12 flex-wrap align-center justify-center">
+        <v-chip-group v-model="density" mandatory>
+          <v-chip text="default" value="default" filter label></v-chip>
+          <v-chip text="comfortable" value="comfortable" filter label></v-chip>
+          <v-chip text="compact" value="compact" filter label></v-chip>
+        </v-chip-group>
+
+        <v-chip-group v-model="features" multiple>
+          <v-chip text="pills" value="pills" filter label></v-chip>
+          <v-chip text="floating" value="floating" filter label></v-chip>
+          <v-chip text="detached" value="detached" filter label></v-chip>
+        </v-chip-group>
+      </div>
+    </v-sheet>
+
+    <v-audio
+      :density="density"
+      :detached="features.includes('detached')"
+      :floating="features.includes('floating')"
+      :peaks="peaks"
+      :pills="features.includes('pills')"
+      :skip-interval="15"
+      class="mx-auto"
+      color="primary"
+      max-width="520"
+      src="https://cdn.freesound.org/previews/612/612095_5674468-lq.mp3"
+    ></v-audio>
+  </div>
+</template>
+
+<script setup>
+  import { shallowRef } from 'vue'
+
+  const density = shallowRef('default')
+  const features = shallowRef([])
+  const peaks = [
+    0.35, 0.57, 0.69, 0.85, 0.61, 0.43, 0.53, 0.36,
+    0.02, 0.01, 0.03, 0.01, 0.41, 0.65, 1.00, 0.68,
+    0.75, 0.25, 0.38, 0.48, 0.32, 0.02, 0.01, 0.02,
+    0.29, 0.48, 0.87, 0.21, 0.33, 0.53, 0.83, 0.98,
+  ]
+</script>
+
+<script>
+  export default {
+    data: () => ({
+      density: 'default',
+      features: [],
+      peaks: [
+        0.35, 0.57, 0.69, 0.85, 0.61, 0.43, 0.53, 0.36,
+        0.02, 0.01, 0.03, 0.01, 0.41, 0.65, 1.00, 0.68,
+        0.75, 0.25, 0.38, 0.48, 0.32, 0.02, 0.01, 0.02,
+        0.29, 0.48, 0.87, 0.21, 0.33, 0.53, 0.83, 0.98,
+      ],
+    }),
+  }
+</script>
diff --git a/packages/docs/src/examples/v-audio/prop-peaks.vue b/packages/docs/src/examples/v-audio/prop-peaks.vue
new file mode 100644
index 00000000000..a6332650448
--- /dev/null
+++ b/packages/docs/src/examples/v-audio/prop-peaks.vue
@@ -0,0 +1,52 @@
+<template>
+  <v-container class="d-flex flex-column ga-6">
+    <div>
+      <div class="text-subtitle-2 mb-2">Peaks supplied by the server</div>
+      <v-audio
+        :peaks="peaks"
+        max-width="520"
+        src="https://cdn.freesound.org/previews/612/612095_5674468-lq.mp3"
+      ></v-audio>
+    </div>
+
+    <div>
+      <div class="text-subtitle-2 mb-2">Peaks decoded in the browser</div>
+      <v-audio
+        crossorigin="anonymous"
+        max-width="520"
+        src="https://cdn.freesound.org/previews/612/612095_5674468-lq.mp3"
+      ></v-audio>
+    </div>
+  </v-container>
+</template>
+
+<script setup>
+  // One value per bar, normalized 0 to 1 — the shape a server-side pass produces.
+  const peaks = [
+    0.35, 0.35, 0.57, 0.49, 0.69, 0.60, 0.85, 0.43,
+    0.61, 0.28, 0.43, 0.67, 0.53, 0.49, 0.36, 0.02,
+    0.02, 0.01, 0.01, 0.01, 0.03, 0.03, 0.01, 0.01,
+    0.41, 0.37, 0.65, 0.69, 1.00, 0.66, 0.68, 0.72,
+    0.75, 0.27, 0.25, 0.31, 0.38, 0.92, 0.48, 0.56,
+    0.32, 0.33, 0.02, 0.03, 0.01, 0.01, 0.02, 0.02,
+    0.04, 0.02, 0.29, 0.45, 0.48, 0.83, 0.87, 0.45,
+    0.21, 0.37, 0.33, 0.29, 0.53, 0.66, 0.83, 0.98,
+  ]
+</script>
+
+<script>
+  export default {
+    data: () => ({
+      peaks: [
+        0.35, 0.35, 0.57, 0.49, 0.69, 0.60, 0.85, 0.43,
+        0.61, 0.28, 0.43, 0.67, 0.53, 0.49, 0.36, 0.02,
+        0.02, 0.01, 0.01, 0.01, 0.03, 0.03, 0.01, 0.01,
+        0.41, 0.37, 0.65, 0.69, 1.00, 0.66, 0.68, 0.72,
+        0.75, 0.27, 0.25, 0.31, 0.38, 0.92, 0.48, 0.56,
+        0.32, 0.33, 0.02, 0.03, 0.01, 0.01, 0.02, 0.02,
+        0.04, 0.02, 0.29, 0.45, 0.48, 0.83, 0.87, 0.45,
+        0.21, 0.37, 0.33, 0.29, 0.53, 0.66, 0.83, 0.98,
+      ],
+    }),
+  }
+</script>
diff --git a/packages/docs/src/examples/v-audio/prop-seek-target.vue b/packages/docs/src/examples/v-audio/prop-seek-target.vue
new file mode 100644
index 00000000000..a99d3cbb19e
--- /dev/null
+++ b/packages/docs/src/examples/v-audio/prop-seek-target.vue
@@ -0,0 +1,47 @@
+<template>
+  <v-container class="d-flex flex-column ga-6">
+    <div>
+      <div class="text-subtitle-2 mb-2">Default — the waveform is the seek surface</div>
+      <v-audio :peaks="peaks" :src="src" max-width="520"></v-audio>
+    </div>
+
+    <div>
+      <div class="text-subtitle-2 mb-2">Whole component seekable, no waveform</div>
+      <v-audio
+        :src="src"
+        max-width="520"
+        seek-target="container"
+        hide-waveform
+      ></v-audio>
+    </div>
+
+    <div>
+      <div class="text-subtitle-2 mb-2">Display only</div>
+      <v-audio :peaks="peaks" :src="src" max-width="520" seek-target="none"></v-audio>
+    </div>
+  </v-container>
+</template>
+
+<script setup>
+  const src = 'https://cdn.freesound.org/previews/612/612095_5674468-lq.mp3'
+  const peaks = [
+    0.35, 0.57, 0.69, 0.85, 0.61, 0.43, 0.53, 0.36,
+    0.02, 0.01, 0.03, 0.01, 0.41, 0.65, 1.00, 0.68,
+    0.75, 0.25, 0.38, 0.48, 0.32, 0.02, 0.01, 0.02,
+    0.29, 0.48, 0.87, 0.21, 0.33, 0.53, 0.83, 0.98,
+  ]
+</script>
+
+<script>
+  export default {
+    data: () => ({
+      src: 'https://cdn.freesound.org/previews/612/612095_5674468-lq.mp3',
+      peaks: [
+        0.35, 0.57, 0.69, 0.85, 0.61, 0.43, 0.53, 0.36,
+        0.02, 0.01, 0.03, 0.01, 0.41, 0.65, 1.00, 0.68,
+        0.75, 0.25, 0.38, 0.48, 0.32, 0.02, 0.01, 0.02,
+        0.29, 0.48, 0.87, 0.21, 0.33, 0.53, 0.83, 0.98,
+      ],
+    }),
+  }
+</script>
diff --git a/packages/docs/src/examples/v-audio/slot-error.vue b/packages/docs/src/examples/v-audio/slot-error.vue
new file mode 100644
index 00000000000..236ec080304
--- /dev/null
+++ b/packages/docs/src/examples/v-audio/slot-error.vue
@@ -0,0 +1,45 @@
+<template>
+  <v-container class="d-flex flex-wrap justify-center align-center ga-8">
+    <v-audio
+      max-width="420"
+      src="https://example.com/missing-recording.mp3"
+      error
+    >
+      <template v-slot:error>
+        <div class="d-flex align-center ga-4">
+          <v-icon class="opacity-60" color="error" icon="$error"></v-icon>
+          <div>
+            <div class="font-weight-bold mb-1">Recording unavailable</div>
+            <div class="text-body-medium">Report problem to our <a href="">support</a></div>
+          </div>
+        </div>
+      </template>
+    </v-audio>
+
+    <v-audio
+      ref="secondAudioRef"
+      max-width="420"
+      src="https://example.com/missing-recording.mp3"
+      error
+    >
+      <template v-slot:error>
+        <div
+          class="d-flex align-center ga-4 pl-4 pr-8 py-3 rounded-pill border cursor-pointer"
+          @click="secondAudioRef.retry()"
+        >
+          <v-icon class="opacity-60" icon="$loading"></v-icon>
+          <div>
+            <div class="font-weight-bold mb-1">Connection timeout</div>
+            <div class="text-body-medium">Tap to reload</div>
+          </div>
+        </div>
+      </template>
+    </v-audio>
+  </v-container>
+</template>
+
+<script setup>
+  import { ref } from 'vue'
+
+  const secondAudioRef = ref()
+</script>
diff --git a/packages/docs/src/examples/v-audio/usage.vue b/packages/docs/src/examples/v-audio/usage.vue
new file mode 100644
index 00000000000..f36bbabbb48
--- /dev/null
+++ b/packages/docs/src/examples/v-audio/usage.vue
@@ -0,0 +1,61 @@
+<template>
+  <ExamplesUsageExample
+    v-model="model"
+    :code="code"
+    :name="name"
+    :options="controlsVariants"
+  >
+    <div>
+      <v-audio class="mx-auto" v-bind="props"></v-audio>
+    </div>
+
+    <template v-slot:configuration>
+      <v-select v-model="theme" :items="['light', 'dark']" label="Theme" clearable></v-select>
+      <v-select v-model="color" :items="colorOptions" label="Color" clearable></v-select>
+      <v-select v-model="timeDisplay" :items="timeDisplays" label="Time display" clearable></v-select>
+      <v-checkbox v-if="!isHidden" v-model="hideStop" label="Hide stop"></v-checkbox>
+      <v-checkbox v-if="!isHidden" v-model="hideVolume" label="Hide volume"></v-checkbox>
+      <v-checkbox v-if="!isHidden" v-model="mirror" label="Mirror waveform"></v-checkbox>
+    </template>
+  </ExamplesUsageExample>
+</template>
+
+<script setup>
+  const name = 'v-audio'
+  const controlsVariants = ['mini', 'hidden']
+  const timeDisplays = ['elapsed-duration', 'elapsed', 'remaining', 'duration']
+
+  const model = shallowRef('default')
+  const hideStop = shallowRef(false)
+  const hideVolume = shallowRef(false)
+  const mirror = shallowRef(false)
+  const theme = shallowRef(null)
+  const color = shallowRef(null)
+  const timeDisplay = shallowRef(null)
+
+  const isHidden = toRef(() => model.value === 'hidden')
+
+  const colorOptions = [
+    'primary',
+    'green',
+    'cyan',
+    'lime-accent-4',
+  ]
+
+  const props = computed(() => {
+    return {
+      theme: theme.value || undefined,
+      color: color.value || undefined,
+      'time-display': timeDisplay.value || undefined,
+      'hide-stop': (!isHidden.value && hideStop.value) || undefined,
+      'hide-volume': (!isHidden.value && hideVolume.value) || undefined,
+      mirror: (!isHidden.value && mirror.value) || undefined,
+      variant: controlsVariants.includes(model.value) ? model.value : undefined,
+      src: 'https://cdn.freesound.org/previews/612/612095_5674468-lq.mp3',
+    }
+  })
+
+  const code = computed(() => {
+    return `<${name}${propsToString(props.value)} />`
+  })
+</script>
diff --git a/packages/docs/src/pages/en/components/audio-players.md b/packages/docs/src/pages/en/components/audio-players.md
new file mode 100644
index 00000000000..8e6d317a176
--- /dev/null
+++ b/packages/docs/src/pages/en/components/audio-players.md
@@ -0,0 +1,109 @@
+---
+meta:
+  nav: Audio players
+  title: Audio player component
+  description: The audio player component wraps the native audio element with a seekable waveform and a configurable transport bar.
+  keywords: audio, player, waveform, vuetify audio component, vue audio component
+features:
+  github: /labs/VAudio/
+  label: 'C: VAudio'
+  report: true
+---
+
+# Audio player
+
+The `v-audio` component is a player for self-hosted audio: a transport bar, a seekable waveform, and a time display.
+
+<PageFeatures />
+
+## Installation
+
+Labs components require manual import and registration with the Vuetify instance.
+
+```js { resource="src/plugins/vuetify.js" }
+import { VAudio } from 'vuetify/labs/VAudio'
+
+export default createVuetify({
+  components: {
+    VAudio,
+  },
+})
+```
+
+## Usage
+
+A basic example of the audio player component.
+
+<ExamplesUsage name="v-audio" />
+
+<PromotedEntry />
+
+## API
+
+| Component | Description |
+| - | - |
+| [v-audio](/api/v-audio/) | Primary Component |
+| [v-audio-controls](/api/v-audio-controls/) | Sub-component used to display the transport bar |
+| [v-audio-waveform](/api/v-audio-waveform/) | Sub-component used to draw the waveform and handle seeking |
+
+<ApiInline hide-links />
+
+::: warning
+
+This component is only useful if you self-host audio or when you can reliably obtain a direct media file URL and it is permitted by the host terms of service to use custom players.
+
+:::
+
+## Guide
+
+The `v-audio` component renders a native `<audio>` element with controls that fit your app design, and a waveform that doubles as the seek surface. It is the audio counterpart to [v-video](/components/videos/), and follows the same structure.
+
+All attributes that are not explicitly defined in the component API (`autoplay`, `muted`, `loop`, etc.) are passed to the underlying native HTML audio element.
+
+### Props
+
+#### Peaks
+
+The waveform is drawn from an array of amplitude values, one per bar, each between 0 and 1.
+
+Supplying **peaks** is the recommended path in production. The component can also derive them itself by fetching the file and decoding it with the Web Audio API, but that requires the media host to send CORS headers, and it downloads and decompresses the entire file — around 10 MB of memory per minute of audio. A table of recordings that each decode on mount is expensive. Peaks computed once at upload time cost nothing at render, work for cross-origin media, and are safe to render on the server.
+
+<ExamplesExample file="v-audio/prop-peaks" />
+
+#### Seek target
+
+A visible waveform is always the seek surface. The **seek-target** prop decides what happens when there is no waveform: with `container` and **hide-waveform** the whole component becomes click-to-seek, which suits a compact player in a table row. `none` disables seeking entirely.
+
+<ExamplesExample file="v-audio/prop-seek-target" />
+
+#### Density and variants
+
+Three density modes control the bar height and icon sizes, and the **pills**, **floating** and **detached** variants change how the bar sits against its surroundings.
+
+<ExamplesExample file="v-audio/prop-density" />
+
+::: info
+
+The **height** prop sizes the container. To change the height of the waveform itself, pass it through **waveform-props**.
+
+:::
+
+### Slots
+
+#### Error
+
+The **error** prop puts the component in the error state manually, which is useful when an operation fails before you have a source URL. By default the error state shows an icon and a message; the **error** slot replaces it, and receives a `retry` function.
+
+<ExamplesExample file="v-audio/slot-error" />
+
+## Waveform on its own
+
+`v-audio-waveform` does not need a media element. Given **peaks** and a model it renders and seeks by itself, which is useful for upload previews or for showing progress over audio played elsewhere. Pass **duration** for the tooltip and screen reader announcements to report time rather than a percentage.
+
+<ExamplesExample file="v-audio/misc-waveform" />
+
+## Accessibility
+
+The seek surface is a `role="slider"` with `aria-valuemin`, `aria-valuemax`, `aria-valuenow` and `aria-valuetext`. It is focusable and responds to <kbd>←</kbd> / <kbd>→</kbd>, <kbd>↑</kbd> / <kbd>↓</kbd>, <kbd>Page Up</kbd> / <kbd>Page Down</kbd> and <kbd>Home</kbd> / <kbd>End</kbd>, with the direction inverted in RTL. Exactly one element is the seek slider at a time, and every icon button carries a label from the `$vuetify.audio.*` locale keys.
+
+The native `<audio>` element stays in the DOM but is not exposed to assistive technology: browsers hide `audio` without a `controls` attribute, and giving it one would announce a second, duplicate set of controls. The component's own controls are the accessible interface.
diff --git a/packages/docs/src/pages/en/labs/introduction.md b/packages/docs/src/pages/en/labs/introduction.md
index bdc753db94c..5c826e79211 100644
--- a/packages/docs/src/pages/en/labs/introduction.md
+++ b/packages/docs/src/pages/en/labs/introduction.md
@@ -76,6 +76,7 @@ The following is a list of available and up-and-coming components for use with L
 
 | Component                                            | Description                                                | Min Version                                                |
 |------------------------------------------------------|------------------------------------------------------------|------------------------------------------------------------|
+| [v-audio](/components/audio-players/)              | A player for self-hosted audio with a seekable waveform     | [v4.2.0](/getting-started/release-notes/?version=v4.2.0)   |
 | [v-pie](/components/pie-charts/)                     | A component to display data as interactive pie/donut chart | [v3.9.3](/getting-started/release-notes/?version=v3.9.3)   |
 | [v-video](/components/videos/)                       | A customizable wrapper for native video element            | [v3.9.3](/getting-started/release-notes/?version=v3.9.3)   |
 | [v-avatar-group](/components/avatar-groups/)         | A component to group and display multiple avatars          | [v3.12.0](/getting-started/release-notes/?version=v3.12.0) |
diff --git a/packages/vuetify/src/iconsets/bx.ts b/packages/vuetify/src/iconsets/bx.ts
index 44b4de12ea8..e0642d3978a 100644
--- a/packages/vuetify/src/iconsets/bx.ts
+++ b/packages/vuetify/src/iconsets/bx.ts
@@ -67,6 +67,10 @@ const aliases: IconAliases = {
   backspace: 'i-bx:undo',
   play: 'i-bx:play',
   pause: 'i-bx:pause',
+  stop: 'i-bx:stop',
+  download: 'i-bx:download',
+  skipForward: 'i-bx:fast-forward',
+  skipBackward: 'i-bx:rewind',
   fullscreen: 'i-bx:fullscreen',
   fullscreenExit: 'i-bx:exit-fullscreen',
   volumeHigh: 'i-bx:volume-full',
diff --git a/packages/vuetify/src/iconsets/carbon.ts b/packages/vuetify/src/iconsets/carbon.ts
index 0958917d8c2..529cbe6b77e 100644
--- a/packages/vuetify/src/iconsets/carbon.ts
+++ b/packages/vuetify/src/iconsets/carbon.ts
@@ -67,6 +67,10 @@ const aliases: IconAliases = {
   backspace: 'i-carbon:undo',
   play: 'i-carbon:play',
   pause: 'i-carbon:pause',
+  stop: 'i-carbon:stop',
+  download: 'i-carbon:download',
+  skipForward: 'i-carbon:forward-10',
+  skipBackward: 'i-carbon:rewind-10',
   fullscreen: 'i-carbon:maximize',
   fullscreenExit: 'i-carbon:minimize',
   volumeHigh: 'i-carbon:volume-up',
diff --git a/packages/vuetify/src/iconsets/fa.ts b/packages/vuetify/src/iconsets/fa.ts
index 8ce70e6a9e6..11d09b23dc9 100644
--- a/packages/vuetify/src/iconsets/fa.ts
+++ b/packages/vuetify/src/iconsets/fa.ts
@@ -61,6 +61,10 @@ const aliases: IconAliases = {
   backspace: 'fas fa-backspace',
   play: 'fas fa-play',
   pause: 'fas fa-pause',
+  stop: 'fas fa-stop',
+  download: 'fas fa-download',
+  skipForward: 'fas fa-forward',
+  skipBackward: 'fas fa-backward',
   fullscreen: 'fas fa-fullscreen',
   fullscreenExit: 'fas fa-compress',
   volumeHigh: 'fas fa-volume-high',
diff --git a/packages/vuetify/src/iconsets/fa4.ts b/packages/vuetify/src/iconsets/fa4.ts
index ff606e3eca0..6219a94d02d 100644
--- a/packages/vuetify/src/iconsets/fa4.ts
+++ b/packages/vuetify/src/iconsets/fa4.ts
@@ -64,6 +64,10 @@ const aliases: IconAliases = {
   backspace: 'fa-undo',
   play: 'fa-play',
   pause: 'fa-pause',
+  stop: 'fa-stop',
+  download: 'fa-download',
+  skipForward: 'fa-forward',
+  skipBackward: 'fa-backward',
   fullscreen: 'fa-fullscreen',
   fullscreenExit: 'fa-compress',
   volumeHigh: 'fa-volume-high',
diff --git a/packages/vuetify/src/iconsets/fa6.ts b/packages/vuetify/src/iconsets/fa6.ts
index 80b9aee74fc..7dd04512200 100644
--- a/packages/vuetify/src/iconsets/fa6.ts
+++ b/packages/vuetify/src/iconsets/fa6.ts
@@ -67,6 +67,10 @@ const aliases: IconAliases = {
   backspace: 'i-fa6-solid:delete-left',
   play: 'i-fa6-solid:play',
   pause: 'i-fa6-solid:pause',
+  stop: 'i-fa6-solid:stop',
+  download: 'i-fa6-solid:download',
+  skipForward: 'i-fa6-solid:forward',
+  skipBackward: 'i-fa6-solid:backward',
   fullscreen: 'i-fa6-solid:maximize',
   fullscreenExit: 'i-fa6-solid:minimize',
   volumeHigh: 'i-fa6-solid:volume-high',
diff --git a/packages/vuetify/src/iconsets/lucide.ts b/packages/vuetify/src/iconsets/lucide.ts
index a1163cb628a..4fc9213f07c 100644
--- a/packages/vuetify/src/iconsets/lucide.ts
+++ b/packages/vuetify/src/iconsets/lucide.ts
@@ -67,6 +67,10 @@ const aliases: IconAliases = {
   backspace: 'i-lucide:delete',
   play: 'i-lucide:play',
   pause: 'i-lucide:pause',
+  stop: 'i-lucide:square',
+  download: 'i-lucide:download',
+  skipForward: 'i-lucide:fast-forward',
+  skipBackward: 'i-lucide:rewind',
   fullscreen: 'i-lucide:maximize',
   fullscreenExit: 'i-lucide:minimize',
   volumeHigh: 'i-lucide:volume-2',
diff --git a/packages/vuetify/src/iconsets/md.ts b/packages/vuetify/src/iconsets/md.ts
index f5cfb2f339d..39730551a43 100644
--- a/packages/vuetify/src/iconsets/md.ts
+++ b/packages/vuetify/src/iconsets/md.ts
@@ -64,6 +64,10 @@ const aliases: IconAliases = {
   backspace: 'backspace',
   play: 'play',
   pause: 'pause',
+  stop: 'stop',
+  download: 'file_download',
+  skipForward: 'fast_forward',
+  skipBackward: 'fast_rewind',
   fullscreen: 'fullscreen',
   fullscreenExit: 'fullscreen_exit',
   volumeHigh: 'volume_high',
diff --git a/packages/vuetify/src/iconsets/mdi-svg.ts b/packages/vuetify/src/iconsets/mdi-svg.ts
index 06ef3de5031..6d6c7156a50 100644
--- a/packages/vuetify/src/iconsets/mdi-svg.ts
+++ b/packages/vuetify/src/iconsets/mdi-svg.ts
@@ -63,6 +63,10 @@ const aliases: IconAliases = {
   backspace: 'svg:M19 15.59L17.59 17L14 13.41L10.41 17L9 15.59L12.59 12L9 8.41L10.41 7L14 10.59L17.59 7L19 8.41L15.41 12zM22 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H7c-.69 0-1.23-.36-1.59-.89L0 12l5.41-8.12C5.77 3.35 6.31 3 7 3zm0 2H7l-4.72 7L7 19h15z',
   play: 'svg:M8,5.14V19.14L19,12.14L8,5.14Z',
   pause: 'svg:M14,19H18V5H14M6,19H10V5H6V19Z',
+  stop: 'svg:M18,18H6V6H18V18Z',
+  download: 'svg:M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z',
+  skipForward: 'svg:M13,6V18L21.5,12M4,18L12.5,12L4,6V18Z',
+  skipBackward: 'svg:M11.5,12L20,18V6M11,18V6L2.5,12L11,18Z',
   fullscreen: 'svg:M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z',
   fullscreenExit: 'svg:M14,14H19V16H16V19H14V14M5,14H10V19H8V16H5V14M8,5H10V10H5V8H8V5M19,8V10H14V5H16V8H19Z',
   volumeHigh: 'svg:M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z',
diff --git a/packages/vuetify/src/iconsets/mdi-unocss.ts b/packages/vuetify/src/iconsets/mdi-unocss.ts
index 6ff1f65ebd0..e2eef490f8b 100644
--- a/packages/vuetify/src/iconsets/mdi-unocss.ts
+++ b/packages/vuetify/src/iconsets/mdi-unocss.ts
@@ -67,6 +67,10 @@ const aliases: IconAliases = {
   backspace: 'i-mdi:backspace',
   play: 'i-mdi:play',
   pause: 'i-mdi:pause',
+  stop: 'i-mdi:stop',
+  download: 'i-mdi:download',
+  skipForward: 'i-mdi:fast-forward',
+  skipBackward: 'i-mdi:rewind',
   fullscreen: 'i-mdi:fullscreen',
   fullscreenExit: 'i-mdi:fullscreen-exit',
   volumeHigh: 'i-mdi:volume-high',
diff --git a/packages/vuetify/src/iconsets/mdi.ts b/packages/vuetify/src/iconsets/mdi.ts
index 5df33faef74..21ed515f94d 100644
--- a/packages/vuetify/src/iconsets/mdi.ts
+++ b/packages/vuetify/src/iconsets/mdi.ts
@@ -64,6 +64,10 @@ const aliases: IconAliases = {
   backspace: 'mdi-backspace',
   play: 'mdi-play',
   pause: 'mdi-pause',
+  stop: 'mdi-stop',
+  download: 'mdi-download',
+  skipForward: 'mdi-fast-forward',
+  skipBackward: 'mdi-rewind',
   fullscreen: 'mdi-fullscreen',
   fullscreenExit: 'mdi-fullscreen-exit',
   volumeHigh: 'mdi-volume-high',
diff --git a/packages/vuetify/src/iconsets/ms.ts b/packages/vuetify/src/iconsets/ms.ts
index 2f50e61205e..4776c3ecb68 100644
--- a/packages/vuetify/src/iconsets/ms.ts
+++ b/packages/vuetify/src/iconsets/ms.ts
@@ -65,6 +65,10 @@ const aliases: IconAliases = {
   backspace: 'i-material-symbols:backspace-outline',
   play: 'i-material-symbols:play-arrow',
   pause: 'i-material-symbols:pause',
+  stop: 'i-material-symbols:stop',
+  download: 'i-material-symbols:download',
+  skipForward: 'i-material-symbols:fast-forward',
+  skipBackward: 'i-material-symbols:fast-rewind',
   fullscreen: 'i-material-symbols:fullscreen',
   fullscreenExit: 'i-material-symbols:fullscreen-exit',
   volumeHigh: 'i-material-symbols:volume-up',
diff --git a/packages/vuetify/src/iconsets/ph.ts b/packages/vuetify/src/iconsets/ph.ts
index fb217d81208..dca0473c3f9 100644
--- a/packages/vuetify/src/iconsets/ph.ts
+++ b/packages/vuetify/src/iconsets/ph.ts
@@ -67,6 +67,10 @@ const aliases: IconAliases = {
   backspace: 'i-ph:backspace',
   play: 'i-ph:play',
   pause: 'i-ph:pause',
+  stop: 'i-ph:stop',
+  download: 'i-ph:download-simple',
+  skipForward: 'i-ph:fast-forward',
+  skipBackward: 'i-ph:rewind',
   fullscreen: 'i-ph:arrows-out-simple',
   fullscreenExit: 'i-ph:arrows-in-simple',
   volumeHigh: 'i-ph:speaker-high',
diff --git a/packages/vuetify/src/iconsets/ri.ts b/packages/vuetify/src/iconsets/ri.ts
index eb11dabaccb..41323765623 100644
--- a/packages/vuetify/src/iconsets/ri.ts
+++ b/packages/vuetify/src/iconsets/ri.ts
@@ -67,6 +67,10 @@ const aliases: IconAliases = {
   backspace: 'i-ri:delete-back-2-line',
   play: 'i-ri:play-line',
   pause: 'i-ri:pause-line',
+  stop: 'i-ri:stop-line',
+  download: 'i-ri:download-line',
+  skipForward: 'i-ri:speed-line',
+  skipBackward: 'i-ri:rewind-line',
   fullscreen: 'i-ri:fullscreen-line',
   fullscreenExit: 'i-ri:fullscreen-exit-line',
   volumeHigh: 'i-ri:volume-up-line',
diff --git a/packages/vuetify/src/iconsets/tabler.ts b/packages/vuetify/src/iconsets/tabler.ts
index e538bf2cfc5..43233202e0a 100644
--- a/packages/vuetify/src/iconsets/tabler.ts
+++ b/packages/vuetify/src/iconsets/tabler.ts
@@ -65,6 +65,10 @@ const aliases: IconAliases = {
   backspace: 'i-tabler:backspace',
   play: 'i-tabler:player-play',
   pause: 'i-tabler:player-pause',
+  stop: 'i-tabler:player-stop',
+  download: 'i-tabler:download',
+  skipForward: 'i-tabler:rewind-forward-10',
+  skipBackward: 'i-tabler:rewind-backward-10',
   fullscreen: 'i-tabler:arrows-maximize',
   fullscreenExit: 'i-tabler:arrows-minimize',
   volumeHigh: 'i-tabler:volume',
diff --git a/packages/vuetify/src/labs/VAudio/VAudio.sass b/packages/vuetify/src/labs/VAudio/VAudio.sass
new file mode 100644
index 00000000000..b7689cef05d
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/VAudio.sass
@@ -0,0 +1,98 @@
+@use '../../styles/tools'
+@use './variables' as *
+
+@include tools.layer('components')
+  .v-audio
+    align-items: center
+    background: rgb(var(--v-theme-surface))
+    border: thin solid rgba(var(--v-border-color), var(--v-border-opacity))
+    border-radius: $audio-border-radius
+    display: flex
+    min-height: var(--v-audio-height)
+    min-width: $audio-min-width
+    overflow: hidden
+    padding-inline: $audio-padding
+    position: relative
+    width: 100%
+    --v-audio-height: #{$audio-height}
+
+    @at-root
+      @include tools.density('v-audio', $audio-density) using ($modifier)
+        --v-audio-height: #{$audio-height + $modifier * 2}
+
+    &--seekable-container
+      cursor: pointer
+
+    &--error
+      .v-audio__controls
+        opacity: .6
+
+    // MiniAudio's whole-box fill: the played portion tints the background itself, so a
+    // waveform-free player still reads as a progress surface. `currentColor` at a low
+    // alpha darkens on light themes and lightens on dark ones with no per-theme rule.
+    &__fill
+      background: currentColor
+      inset-block: 0
+      inset-inline-start: 0
+      opacity: $audio-fill-opacity
+      pointer-events: none
+      position: absolute
+      transition: $audio-waveform-progress-transition
+      width: var(--v-audio-progress, 0%)
+
+    // The same hover affordance the waveform gives, for the waveform-free container.
+    &__cursor
+      background: currentColor
+      inset-block: 0
+      opacity: $audio-waveform-cursor-opacity
+      pointer-events: none
+      position: absolute
+      width: $audio-waveform-cursor-width
+
+    &__cursor-tooltip
+      background: $audio-waveform-tooltip-background
+      border-radius: $audio-waveform-tooltip-border-radius
+      color: $audio-waveform-tooltip-color
+      font-size: $audio-waveform-tooltip-font-size
+      line-height: 1.4
+      padding: $audio-waveform-tooltip-padding
+      pointer-events: none
+      position: absolute
+      top: $audio-waveform-tooltip-offset
+      transform: translateX(-50%)
+      white-space: nowrap
+      z-index: 1
+
+    &--scrubbing &__fill
+      transition: none
+
+    // Chromium already applies `display: none !important` to `audio:not([controls])`, so
+    // this only takes effect if the element is ever given controls. Kept so that stays a
+    // one-attribute change rather than a layout bug.
+    &__native
+      clip: rect(0 0 0 0)
+      clip-path: inset(50%)
+      height: 1px
+      overflow: hidden
+      position: absolute
+      white-space: nowrap
+      width: 1px
+
+    &__controls
+      flex: 1 1 auto
+      min-width: 0
+      position: relative
+
+
+    &__loader
+      inset-inline: 0
+      bottom: 0
+      position: absolute
+
+    &__error
+      align-items: center
+      display: flex
+      flex: 1 1 auto
+      gap: $audio-gap
+      font-size: $audio-time-font-size
+      padding-block: $audio-padding
diff --git a/packages/vuetify/src/labs/VAudio/VAudio.tsx b/packages/vuetify/src/labs/VAudio/VAudio.tsx
new file mode 100644
index 00000000000..43dc2a6f4a9
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/VAudio.tsx
@@ -0,0 +1,633 @@
+// Styles
+import './VAudio.sass'
+
+// Components
+import { makeVAudioControlsProps, VAudioControls } from './VAudioControls'
+import { VProgressLinear } from '@/components/VProgressLinear'
+
+// Composables
+import { useBackgroundColor } from '@/composables/color'
+import { makeComponentProps } from '@/composables/component'
+import { makeDensityProps, useDensity } from '@/composables/density'
+import { makeDimensionProps, useDimension } from '@/composables/dimensions'
+import { forwardRefs } from '@/composables/forwardRefs'
+import { useLocale, useRtl } from '@/composables/locale'
+import { useProxiedModel } from '@/composables/proxiedModel'
+import { useRounded } from '@/composables/rounded'
+import { makeThemeProps, provideTheme } from '@/composables/theme'
+
+// Utilities
+import { computed, nextTick, onBeforeUnmount, onMounted, shallowRef, toRef, watch } from 'vue'
+import { decodePeaks, getCachedPeaks } from './decode'
+import { formatDuration } from './time'
+import { clamp, consoleWarn, genericComponent, IN_BROWSER, omit, propsFactory, useRender } from '@/util'
+
+// Types
+import type { PropType } from 'vue'
+import type { VAudioControlsActionsSlot, VAudioControlsTimeSlot } from './VAudioControls'
+
+export type VAudioSeekTarget = 'waveform' | 'container' | 'none'
+
+export type VAudioSlots = {
+  controls: VAudioControlsActionsSlot
+  prepend: VAudioControlsActionsSlot
+  append: VAudioControlsActionsSlot
+  waveform: VAudioControlsActionsSlot
+  time: VAudioControlsTimeSlot
+  loader: { color: string | undefined, isActive: boolean }
+  error: { error: MediaError | boolean | undefined, retry: () => void }
+  sources: never
+}
+
+export const makeVAudioProps = propsFactory({
+  src: String,
+  srcObject: [Object, null] as PropType<MediaProvider | null>,
+  type: String,
+  crossorigin: String as PropType<'anonymous' | 'use-credentials'>,
+  preload: {
+    type: String as PropType<'none' | 'metadata' | 'auto'>,
+    default: 'metadata',
+  },
+  currentTime: {
+    type: Number,
+    default: 0,
+  },
+  error: [Boolean, Object] as PropType<MediaError | boolean>,
+  autoplay: Boolean,
+  loop: Boolean,
+  muted: Boolean,
+  startAt: [Number, String],
+  eager: Boolean,
+  disabled: Boolean,
+  seekTarget: {
+    type: String as PropType<VAudioSeekTarget>,
+    default: 'waveform',
+  },
+  rounded: {
+    type: [Boolean, Number, String, Array] as PropType<boolean | number | string | (number | string)[]>,
+    default: undefined,
+  },
+  controlsProps: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({}),
+  },
+
+  ...omit(makeVAudioControlsProps(), ['duration']),
+  ...makeComponentProps(),
+  ...makeDensityProps(),
+  ...makeDimensionProps(),
+  ...makeThemeProps(),
+}, 'VAudio')
+
+export const VAudio = genericComponent<VAudioSlots>()({
+  name: 'VAudio',
+
+  props: makeVAudioProps(),
+
+  emits: {
+    loaded: (el: HTMLAudioElement) => true,
+    ended: () => true,
+    error: (value: MediaError | boolean) => true,
+    'update:playing': (value: boolean) => true,
+    'update:progress': (value: number) => true,
+    'update:currentTime': (value: number) => true,
+    'update:volume': (value: number) => true,
+    'update:playbackRate': (value: number) => true,
+    'update:error': (value: MediaError | boolean) => true,
+  },
+
+  setup (props, { emit, slots }) {
+    const { t } = useLocale()
+    const { isRtl } = useRtl()
+    const { themeClasses } = provideTheme(props)
+    const { densityClasses } = useDensity(props)
+    const { dimensionStyles } = useDimension(props)
+    const containerRounded = toRef(() => (
+      Array.isArray(props.rounded) ? props.rounded[0] : props.rounded
+    ) as any)
+    const { roundedClasses, roundedStyles } = useRounded(containerRounded)
+    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(() => props.backgroundColor))
+
+    const audioRef = shallowRef<HTMLAudioElement>()
+    const containerRef = shallowRef<HTMLElement>()
+    const controlsRef = shallowRef<VAudioControls>()
+
+    const playing = useProxiedModel(props, 'playing')
+    const progress = useProxiedModel(props, 'progress')
+    const currentTime = useProxiedModel(props, 'currentTime')
+    const volume = useProxiedModel(props, 'volume', 100, v => Number(v ?? 100))
+    const playbackRate = useProxiedModel(props, 'playbackRate')
+    const error = useProxiedModel(props, 'error')
+
+    const duration = shallowRef(0)
+    const waiting = shallowRef(false)
+    const decodedPeaks = shallowRef<number[]>()
+    const buffered = shallowRef<number[]>([])
+    const scrubbing = shallowRef(false)
+    const containerHover = shallowRef<number | null>(null)
+
+    let controller: AbortController | undefined
+    let syncing = false
+    let frame = 0
+    let seekingFromModel = false
+
+    const barCount = toRef(() => Math.max(1, Number(props.bars) || 64))
+
+    const peaks = computed(() => props.peaks?.length ? props.peaks : decodedPeaks.value)
+
+    const hasWaveform = toRef(() => !props.hideWaveform && props.variant !== 'mini' && props.variant !== 'hidden')
+    const seekOnContainer = toRef(() =>
+      props.seekTarget === 'container' && !hasWaveform.value && !props.disabled,
+    )
+    // `'none'` has to switch the waveform off too, or the prop promises something it does
+    // not deliver: a visible waveform would stay seekable no matter what was asked for.
+    const waveformSeekable = toRef(() =>
+      hasWaveform.value && props.seekTarget !== 'none' && !props.disabled,
+    )
+
+    function writePosition (seconds: number, total: number) {
+      syncing = true
+      try {
+        currentTime.value = seconds
+        progress.value = Number.isFinite(total) && total > 0
+          ? clamp(100 * seconds / total, 0, 100)
+          : 0
+      } finally {
+        syncing = false
+      }
+    }
+
+    function seekToSeconds (seconds: number) {
+      const el = audioRef.value
+      if (!el) return
+
+      const total = Number.isFinite(el.duration) ? el.duration : 0
+      const next = clamp(seconds, 0, total || seconds)
+
+      el.currentTime = next
+      writePosition(next, total)
+    }
+
+    function skipTo (percent: number) {
+      const total = audioRef.value?.duration
+      if (!Number.isFinite(total ?? Number.NaN)) return
+
+      seekToSeconds(clamp(percent, 0, 100) / 100 * (total as number))
+    }
+
+    function skipBy (seconds: number) {
+      const el = audioRef.value
+      if (!el) return
+
+      seekToSeconds(el.currentTime + seconds)
+    }
+
+    async function play () {
+      const el = audioRef.value
+      if (!el) return
+
+      try {
+        await el.play()
+      } catch {
+        playing.value = false
+      }
+    }
+
+    function pause () {
+      audioRef.value?.pause()
+    }
+
+    function stop () {
+      const el = audioRef.value
+      if (!el) return
+
+      el.pause()
+      seekToSeconds(0)
+      playing.value = false
+    }
+
+    function retry () {
+      error.value = false
+      const el = audioRef.value
+      if (!el) return
+
+      el.load()
+      loadPeaks()
+    }
+
+    function download () {
+      if (!props.src || !IN_BROWSER) return
+
+      const link = document.createElement('a')
+      link.href = props.src
+      link.download = typeof props.download === 'string' ? props.download : ''
+      link.rel = 'noopener'
+      document.body.append(link)
+      link.click()
+      link.remove()
+    }
+
+    function onLoadedmetadata () {
+      const el = audioRef.value
+      if (!el) return
+
+      duration.value = Number.isFinite(el.duration) ? el.duration : 0
+
+      if (props.startAt != null) {
+        seekToSeconds(Number(props.startAt) || 0)
+      }
+
+      emit('loaded', el)
+    }
+
+    function paintPosition (seconds: number, total: number) {
+      const pct = Number.isFinite(total) && total > 0
+        ? clamp(100 * seconds / total, 0, 100)
+        : 0
+
+      containerRef.value?.style.setProperty('--v-audio-progress', `${pct}%`)
+      for (const el of containerRef.value?.querySelectorAll<HTMLElement>('.v-audio-waveform') ?? []) {
+        el.style.setProperty('--v-audio-waveform-progress', `${pct}%`)
+      }
+    }
+
+    function tick () {
+      const el = audioRef.value
+      if (!el || el.paused || scrubbing.value) {
+        frame = 0
+        return
+      }
+
+      paintPosition(el.currentTime, el.duration)
+      frame = requestAnimationFrame(tick)
+    }
+
+    function startTicking () {
+      if (!IN_BROWSER || frame) return
+
+      frame = requestAnimationFrame(tick)
+    }
+
+    function stopTicking () {
+      if (frame) cancelAnimationFrame(frame)
+      frame = 0
+    }
+
+    function onTimeupdate () {
+      const el = audioRef.value
+      if (!el || scrubbing.value) return
+
+      writePosition(el.currentTime, el.duration)
+    }
+
+    function onProgress () {
+      const el = audioRef.value
+      if (!el || !Number.isFinite(el.duration) || el.duration <= 0) return
+
+      const ranges: number[] = []
+      for (let i = 0; i < el.buffered.length; i++) {
+        ranges.push(
+          100 * el.buffered.start(i) / el.duration,
+          100 * el.buffered.end(i) / el.duration,
+        )
+      }
+      buffered.value = ranges
+    }
+
+    function onEnded () {
+      if (!audioRef.value) return
+
+      playing.value = false
+      emit('ended')
+    }
+
+    function onError () {
+      const el = audioRef.value
+      error.value = el?.error ?? true
+      waiting.value = false
+      emit('error', error.value)
+    }
+
+    async function loadPeaks () {
+      controller?.abort()
+      decodedPeaks.value = undefined
+
+      if (!IN_BROWSER || props.peaks?.length || !props.src || props.srcObject) return
+
+      const cached = getCachedPeaks(props.src, barCount.value, props.sampleStrategy)
+      if (cached) {
+        decodedPeaks.value = cached
+        return
+      }
+
+      controller = new AbortController()
+      const { signal } = controller
+
+      try {
+        const result = await decodePeaks(props.src, barCount.value, props.sampleStrategy, signal)
+        if (!signal.aborted) decodedPeaks.value = result
+      } catch (error_: any) {
+        // A failed decode is the documented degraded path: the flat placeholder track
+        // still renders and still seeks, so this is not surfaced as a media error.
+        if (error_?.name !== 'AbortError') {
+          consoleWarn(
+            `VAudio: could not decode "${props.src}" for the waveform (${error_?.message ?? error_}). ` +
+            'Cross-origin media needs CORS headers and crossorigin="anonymous"; ' +
+            'pass the `peaks` prop to skip decoding entirely.',
+          )
+        }
+      }
+    }
+
+    function containerRatio (e: PointerEvent) {
+      const el = containerRef.value
+      if (!el) return 0
+
+      const rect = el.getBoundingClientRect()
+      if (!rect.width) return 0
+
+      const ratio = clamp((e.clientX - rect.left) / rect.width, 0, 1)
+      return isRtl.value ? 1 - ratio : ratio
+    }
+
+    function isSeekableTarget (e: PointerEvent) {
+      const el = containerRef.value
+      if (!el) return false
+
+      const interactive = (e.target as HTMLElement).closest(
+        'button, [role="slider"], input, a, .v-audio-controls__volume',
+      )
+      return !interactive || interactive === el
+    }
+
+    function onContainerPointermove (e: PointerEvent) {
+      if (!seekOnContainer.value) return
+
+      containerHover.value = isSeekableTarget(e) ? containerRatio(e) : null
+    }
+
+    function onContainerPointerleave () {
+      containerHover.value = null
+    }
+
+    function onContainerPointerdown (e: PointerEvent) {
+      if (!seekOnContainer.value) return
+
+      const el = containerRef.value
+      if (!el) return
+
+      if (!isSeekableTarget(e)) return
+
+      if (!el.getBoundingClientRect().width) return
+
+      skipTo(containerRatio(e) * 100)
+    }
+
+    watch(playing, value => {
+      const el = audioRef.value
+      if (!el || value === !el.paused) return
+
+      if (value) play()
+      else pause()
+    })
+
+    watch(volume, value => {
+      const el = audioRef.value
+      if (el) el.volume = clamp(Number(value) || 0, 0, 100) / 100
+    })
+
+    watch(playbackRate, value => {
+      const el = audioRef.value
+      if (el) el.playbackRate = value
+    })
+
+    // Consumer writes are seeks, not state. Half a `timeupdate` interval of slack keeps
+    // the element's own echo from re-entering as a second write.
+    watch(currentTime, value => {
+      const el = audioRef.value
+      if (syncing || seekingFromModel || !el) return
+      if (!Number.isFinite(value) || Math.abs(el.currentTime - value) < 0.25) return
+
+      seekingFromModel = true
+      try {
+        seekToSeconds(value)
+      } finally {
+        seekingFromModel = false
+      }
+    })
+
+    watch(() => [props.src, props.srcObject], () => {
+      duration.value = 0
+      buffered.value = []
+      waiting.value = false
+      const hadError = !!error.value
+      if (hadError) error.value = false
+      writePosition(0, 0)
+
+      if (hadError) {
+        nextTick(() => audioRef.value?.load())
+      }
+
+      loadPeaks()
+    })
+
+    watch(() => [!props.peaks?.length, barCount.value, props.sampleStrategy], () => {
+      loadPeaks()
+    })
+
+    onMounted(() => {
+      const el = audioRef.value
+      if (!el) return
+
+      el.volume = clamp(Number(volume.value) || 0, 0, 100) / 100
+      el.playbackRate = playbackRate.value
+      if (props.srcObject) el.srcObject = props.srcObject
+
+      loadPeaks()
+    })
+
+    onBeforeUnmount(() => {
+      stopTicking()
+      controller?.abort()
+      const el = audioRef.value
+      if (el) {
+        el.pause()
+        el.srcObject = null
+      }
+    })
+
+    useRender(() => {
+      const controlsProps = {
+        ...VAudioControls.filterProps(omit(props, ['rounded', 'class', 'style', 'theme'])),
+        ...props.controlsProps,
+      }
+
+      const isLoading = waiting.value && !error.value
+      const hasError = !!error.value
+
+      return (
+        <div
+          ref={ containerRef }
+          class={[
+            'v-audio',
+            {
+              'v-audio--playing': playing.value,
+              'v-audio--loading': isLoading,
+              'v-audio--error': hasError,
+              'v-audio--scrubbing': scrubbing.value,
+              'v-audio--disabled': props.disabled,
+              'v-audio--seekable-container': seekOnContainer.value,
+            },
+            themeClasses.value,
+            densityClasses.value,
+            roundedClasses.value,
+            backgroundColorClasses.value,
+            props.class,
+          ]}
+          style={[
+            { '--v-audio-progress': `${progress.value}%` },
+            dimensionStyles.value,
+            roundedStyles.value,
+            backgroundColorStyles.value,
+            props.style,
+          ]}
+          role={ seekOnContainer.value ? 'slider' : undefined }
+          tabindex={ seekOnContainer.value ? 0 : undefined }
+          aria-valuemin={ seekOnContainer.value ? 0 : undefined }
+          aria-valuemax={ seekOnContainer.value ? 100 : undefined }
+          aria-valuenow={ seekOnContainer.value ? Math.round(progress.value) : undefined }
+          aria-valuetext={ seekOnContainer.value
+            ? formatDuration(currentTime.value, duration.value)
+            : undefined }
+          aria-label={ seekOnContainer.value ? t('$vuetify.audio.seek') : undefined }
+          onPointerdown={ onContainerPointerdown }
+          onPointermove={ onContainerPointermove }
+          onPointerleave={ onContainerPointerleave }
+        >
+          { seekOnContainer.value && (
+            <div key="fill" class="v-audio__fill" />
+          )}
+
+          { seekOnContainer.value && containerHover.value !== null && (
+            <>
+              <div
+                class="v-audio__cursor"
+                style={{ insetInlineStart: `${(isRtl.value ? 1 - containerHover.value : containerHover.value) * 100}%` }}
+              />
+              <div
+                class="v-audio__cursor-tooltip"
+                style={{ insetInlineStart: `${(isRtl.value ? 1 - containerHover.value : containerHover.value) * 100}%` }}
+              >
+                { formatDuration(containerHover.value * duration.value, duration.value) }
+              </div>
+            </>
+          )}
+          <audio
+            ref={ audioRef }
+            class="v-audio__native"
+            src={ props.srcObject || props.type ? undefined : props.src }
+            crossorigin={ props.crossorigin }
+            preload={ props.preload }
+            autoplay={ props.autoplay }
+            loop={ props.loop }
+            muted={ props.muted }
+            onLoadedmetadata={ onLoadedmetadata }
+            onTimeupdate={ onTimeupdate }
+            onProgress={ onProgress }
+            onEnded={ onEnded }
+            onError={ onError }
+            onPlay={ () => {
+              playing.value = true
+              startTicking()
+            }}
+            onPause={ () => {
+              playing.value = false
+              stopTicking()
+            }}
+            onWaiting={ () => {
+              waiting.value = true
+            }}
+            onPlaying={ () => {
+              waiting.value = false
+            }}
+            onCanplay={ () => {
+              waiting.value = false
+            }}
+          >
+            { props.src && props.type && (
+              <source key="source" src={ props.src } type={ props.type } />
+            )}
+            { slots.sources?.() }
+          </audio>
+
+          { hasError
+            ? (
+                <div key="error" class="v-audio__error">
+                  { slots.error?.({ error: error.value, retry }) ?? (
+                    <span>{ t('$vuetify.audio.error') }</span>
+                  )}
+                </div>
+            )
+            : (
+                <VAudioControls
+                  key="controls"
+                  { ...controlsProps }
+                  ref={ controlsRef }
+                  class="v-audio__controls"
+                  v-model:playing={ playing.value }
+                  v-model:volume={ volume.value }
+                  v-model:playbackRate={ playbackRate.value }
+                  progress={ progress.value }
+                  duration={ duration.value }
+                  peaks={ peaks.value }
+                  buffered={ buffered.value }
+                  seekable={ waveformSeekable.value }
+                  onUpdate:progress={ skipTo }
+                  onScrubStart={ () => {
+                    scrubbing.value = true
+                  }}
+                  onScrubEnd={ () => {
+                    scrubbing.value = false
+                    startTicking()
+                  }}
+                  onClick:stop={ stop }
+                  onClick:download={ download }
+                >
+                  {{
+                    default: slots.controls,
+                    prepend: slots.prepend,
+                    append: slots.append,
+                    waveform: slots.waveform,
+                    time: slots.time,
+                  }}
+                </VAudioControls>
+            )}
+
+          { isLoading && (
+            <div class="v-audio__loader">
+              { slots.loader?.({ color: props.color, isActive: true }) ?? (
+                <VProgressLinear
+                  color={ props.color }
+                  height={ 2 }
+                  indeterminate
+                />
+              )}
+            </div>
+          )}
+        </div>
+      )
+    })
+
+    return forwardRefs({
+      audio: audioRef,
+      play,
+      pause,
+      stop,
+      skipTo,
+      skipBy,
+      retry,
+    }, controlsRef)
+  },
+})
+
+export type VAudio = InstanceType<typeof VAudio>
diff --git a/packages/vuetify/src/labs/VAudio/VAudioControls.sass b/packages/vuetify/src/labs/VAudio/VAudioControls.sass
new file mode 100644
index 00000000000..a97fc6c13a1
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/VAudioControls.sass
@@ -0,0 +1,68 @@
+@use '../../styles/tools'
+@use './variables' as *
+
+@include tools.layer('components')
+  .v-audio-controls
+    --v-audio-controls-height: #{$audio-controls-height}
+    align-items: center
+    background: transparent
+    color: inherit
+    display: flex
+    gap: $audio-controls-gap
+    min-height: var(--v-audio-controls-height)
+    padding-block: $audio-controls-padding
+    position: relative
+    width: 100%
+
+    @at-root
+      @include tools.density('v-audio-controls', $audio-density) using ($modifier)
+        --v-audio-controls-height: #{$audio-controls-height + $modifier * 2}
+
+    &--floating
+      background: transparent
+
+    &--detached
+      padding-inline: $audio-controls-detached-padding-inline
+
+    &__actions
+      align-items: center
+      display: flex
+      flex: 0 0 auto
+      gap: $audio-controls-actions-gap
+
+    &__waveform
+      align-items: center
+      display: flex
+      flex: 1 1 auto
+      min-width: $audio-waveform-min-width
+
+    &__time
+      flex: 0 0 auto
+      font-size: $audio-time-font-size
+      font-variant-numeric: tabular-nums
+      letter-spacing: $audio-time-letter-spacing
+      line-height: $audio-time-line-height
+      min-width: $audio-time-min-width
+      text-align: center
+      white-space: nowrap
+
+    // The slider needs room for its thumb overhang, so the block keeps a fixed basis and
+    // the waveform (the only `flex: 1 1` child) absorbs whatever is left.
+    &__volume
+      align-items: center
+      display: flex
+      flex: 0 0 auto
+      gap: $audio-controls-volume-gap
+      width: $audio-volume-width
+
+    &__waveform
+      overflow: hidden
+
+    .v-audio-control__pill
+      align-items: center
+      backdrop-filter: $audio-controls-pill-backdrop-filter
+      background: rgba(var(--v-theme-surface), $audio-controls-default-background-opacity)
+      border-radius: $audio-controls-pill-border-radius
+      display: flex
+      gap: $audio-controls-pill-gap
+      padding: $audio-controls-pill-padding
diff --git a/packages/vuetify/src/labs/VAudio/VAudioControls.tsx b/packages/vuetify/src/labs/VAudio/VAudioControls.tsx
new file mode 100644
index 00000000000..6b92ad27160
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/VAudioControls.tsx
@@ -0,0 +1,515 @@
+/* eslint-disable complexity */
+
+// Styles
+import './VAudioControls.sass'
+
+// Components
+import { makeVAudioWaveformProps, VAudioWaveform } from './VAudioWaveform'
+import { VDefaultsProvider } from '@/components/VDefaultsProvider'
+import { VSpacer } from '@/components/VGrid'
+import { VIconBtn } from '@/components/VIconBtn/VIconBtn'
+import { VList, VListItem } from '@/components/VList'
+import { VMenu } from '@/components/VMenu'
+import { VSlider } from '@/components/VSlider'
+
+// Composables
+import { useTextColor } from '@/composables/color'
+import { makeComponentProps } from '@/composables/component'
+import { makeDensityProps, useDensity } from '@/composables/density'
+import { makeElevationProps, useElevation } from '@/composables/elevation'
+import { useLocale } from '@/composables/locale'
+import { useProxiedModel } from '@/composables/proxiedModel'
+import { makeThemeProps, provideTheme } from '@/composables/theme'
+
+// Utilities
+import { computed, shallowRef, toRef } from 'vue'
+import { formatDuration } from './time'
+import { clamp, genericComponent, omit, propsFactory, useRender } from '@/util'
+
+// Types
+import type { PropType } from 'vue'
+
+export type VAudioControlsTimeSlot = {
+  elapsed: string
+  remaining: string
+  total: string
+  progress: number
+}
+
+export type VAudioControlsActionsSlot = {
+  play: () => void
+  pause: () => void
+  stop: () => void
+  skipTo: (percent: number) => void
+  skipBy: (seconds: number) => void
+  playing: boolean
+  progress: number
+  currentTime: VAudioControlsTimeSlot
+  duration: number
+  volume: number
+  toggleMuted: () => void
+  playbackRate: number
+  setPlaybackRate: (v: number) => void
+  download: () => void
+  labels: Record<string, string>
+}
+
+export type VAudioControlsSlots = {
+  default: VAudioControlsActionsSlot
+  prepend: VAudioControlsActionsSlot
+  append: VAudioControlsActionsSlot
+  waveform: VAudioControlsActionsSlot
+  time: VAudioControlsTimeSlot
+}
+
+export const makeVAudioControlsProps = propsFactory({
+  playing: Boolean,
+  progress: {
+    type: Number,
+    default: 0,
+  },
+  duration: {
+    type: Number,
+    default: 0,
+  },
+  volume: {
+    type: [Number, String],
+    default: 100,
+  },
+  playbackRate: {
+    type: Number,
+    default: 1,
+  },
+  playbackRates: {
+    type: Array as PropType<readonly number[]>,
+    default: () => [],
+  },
+  variant: {
+    type: String as PropType<'default' | 'mini' | 'hidden'>,
+    default: 'default',
+  },
+  hidePlay: Boolean,
+  hideStop: Boolean,
+  hideVolume: Boolean,
+  hideTime: Boolean,
+  hideWaveform: Boolean,
+  skipInterval: {
+    type: [Number, String],
+    default: 0,
+  },
+  download: {
+    type: [Boolean, String],
+    default: false,
+  },
+  splitTime: Boolean,
+  timeDisplay: {
+    type: String as PropType<'elapsed' | 'remaining' | 'duration' | 'elapsed-duration'>,
+    default: 'elapsed-duration',
+  },
+
+  playIcon: {
+    type: String,
+    default: '$play',
+  },
+  pauseIcon: {
+    type: String,
+    default: '$pause',
+  },
+  stopIcon: {
+    type: String,
+    default: '$stop',
+  },
+  volumeIcon: {
+    type: String,
+    default: '$volumeHigh',
+  },
+  muteIcon: {
+    type: String,
+    default: '$volumeOff',
+  },
+  downloadIcon: {
+    type: String,
+    default: '$download',
+  },
+  skipForwardIcon: {
+    type: String,
+    default: '$skipForward',
+  },
+  skipBackwardIcon: {
+    type: String,
+    default: '$skipBackward',
+  },
+
+  color: String,
+  backgroundColor: String,
+  pills: Boolean,
+  floating: Boolean,
+  detached: Boolean,
+
+  waveformProps: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({}),
+  },
+
+  ...omit(makeVAudioWaveformProps(), [
+    'modelValue',
+    'color',
+    'height',
+    'disabled',
+    'duration',
+  ]),
+  ...makeComponentProps(),
+  ...makeDensityProps(),
+  ...makeElevationProps(),
+  ...makeThemeProps(),
+}, 'VAudioControls')
+
+// `VIconBtn` forwards `onClick` as a fallthrough attribute rather than a declared emit,
+// so its generated JSX types omit it. Upstream `VVideoControls` passes it the same way.
+const clickable = (handler: () => void) => ({ onClick: handler } as Record<string, unknown>)
+
+export const VAudioControls = genericComponent<VAudioControlsSlots>()({
+  name: 'VAudioControls',
+
+  props: makeVAudioControlsProps(),
+
+  emits: {
+    'update:playing': (value: boolean) => true,
+    'update:progress': (value: number) => true,
+    'update:volume': (value: number) => true,
+    'update:playbackRate': (value: number) => true,
+    skip: (percent: number) => true,
+    scrubStart: () => true,
+    scrubEnd: () => true,
+    'click:stop': () => true,
+    'click:download': () => true,
+  },
+
+  setup (props, { emit, slots }) {
+    const { t } = useLocale()
+    const { themeClasses } = provideTheme(props)
+    const { densityClasses } = useDensity(props)
+    const { elevationClasses } = useElevation(props)
+    const { textColorClasses, textColorStyles } = useTextColor(toRef(() => props.color))
+
+    const playing = useProxiedModel(props, 'playing')
+    const volume = useProxiedModel(props, 'volume', 100, v => Number(v ?? 100))
+    const playbackRate = useProxiedModel(props, 'playbackRate')
+
+    const progress = toRef(() => clamp(Number(props.progress) || 0, 0, 100))
+
+    const lastVolume = shallowRef(Number(props.volume) || 100)
+
+    const labels = computed(() => ({
+      play: t('$vuetify.audio.play'),
+      pause: t('$vuetify.audio.pause'),
+      stop: t('$vuetify.audio.stop'),
+      seek: t('$vuetify.audio.seek'),
+      volume: t('$vuetify.audio.volume'),
+      mute: t('$vuetify.audio.mute'),
+      unmute: t('$vuetify.audio.unmute'),
+      download: t('$vuetify.audio.download'),
+      skipForward: t('$vuetify.audio.skipForward', Number(props.skipInterval) || 0),
+      skipBackward: t('$vuetify.audio.skipBackward', Number(props.skipInterval) || 0),
+      playbackRate: t('$vuetify.audio.playbackRate'),
+    }))
+
+    const elapsedSeconds = toRef(() => props.duration > 0
+      ? clamp(progress.value / 100 * props.duration, 0, props.duration)
+      : 0,
+    )
+
+    const currentTime = computed<VAudioControlsTimeSlot>(() => ({
+      elapsed: formatDuration(elapsedSeconds.value, props.duration),
+      remaining: formatDuration(props.duration - elapsedSeconds.value, props.duration),
+      total: formatDuration(props.duration, props.duration),
+      progress: progress.value,
+    }))
+
+    const timeText = computed(() => {
+      const { elapsed, remaining, total } = currentTime.value
+
+      switch (props.timeDisplay) {
+        case 'elapsed': { return elapsed
+        }
+        case 'remaining': { return `-${remaining}`
+        }
+        case 'duration': { return total
+        }
+        default: { return `${elapsed} / ${total}`
+        }
+      }
+    })
+
+    const isMini = toRef(() => props.variant === 'mini')
+    const skipSeconds = toRef(() => Number(props.skipInterval) || 0)
+
+    function play () {
+      playing.value = true
+    }
+
+    function pause () {
+      playing.value = false
+    }
+
+    function togglePlay () {
+      playing.value = !playing.value
+    }
+
+    function stop () {
+      emit('click:stop')
+    }
+
+    function skipTo (percent: number) {
+      const next = clamp(percent, 0, 100)
+      emit('update:progress', next)
+      emit('skip', next)
+    }
+
+    function skipBy (seconds: number) {
+      if (!props.duration) return
+
+      skipTo(progress.value + seconds / props.duration * 100)
+    }
+
+    function toggleMuted () {
+      if (volume.value > 0) {
+        lastVolume.value = volume.value
+        volume.value = 0
+      } else {
+        volume.value = lastVolume.value || 100
+      }
+    }
+
+    function setPlaybackRate (value: number) {
+      playbackRate.value = value
+    }
+
+    function download () {
+      emit('click:download')
+    }
+
+    const slotProps = computed<VAudioControlsActionsSlot>(() => ({
+      play,
+      pause,
+      stop,
+      skipTo,
+      skipBy,
+      playing: playing.value,
+      progress: progress.value,
+      currentTime: currentTime.value,
+      duration: props.duration,
+      volume: volume.value,
+      toggleMuted,
+      playbackRate: playbackRate.value,
+      setPlaybackRate,
+      download,
+      labels: labels.value,
+    }))
+
+    useRender(() => {
+      if (props.variant === 'hidden') return <></>
+
+      const waveformProps = {
+        ...VAudioWaveform.filterProps(props),
+        ...props.waveformProps,
+      }
+
+      const btnSize = props.density === 'compact'
+        ? 30
+        : (props.density === 'comfortable'
+          ? 36
+          : 42)
+      const iconSize = props.density === 'compact'
+        ? 18
+        : (props.density === 'comfortable'
+          ? 20
+          : 22)
+
+      const innerDefaults = {
+        VIconBtn: {
+          size: btnSize,
+          iconSize,
+          variant: 'text',
+          color: props.color,
+        },
+        VSlider: {
+          hideDetails: true,
+          thumbSize: 12,
+          trackSize: 2,
+        },
+      }
+
+      const showWaveform = !props.hideWaveform && !isMini.value
+      const showVolume = !props.hideVolume && !isMini.value
+      const showStop = !props.hideStop && !isMini.value
+      const showSkip = skipSeconds.value > 0 && !isMini.value
+      const showRates = props.playbackRates.length > 0 && !isMini.value
+      const showDownload = !!props.download && !isMini.value
+
+      return (
+        <div
+          class={[
+            'v-audio-controls',
+            {
+              'v-audio-controls--detached': props.detached,
+              'v-audio-controls--floating': props.floating,
+              'v-audio-controls--pills': props.pills,
+              [`v-audio-controls--${props.variant}`]: true,
+            },
+            themeClasses.value,
+            densityClasses.value,
+            elevationClasses.value,
+            textColorClasses.value,
+            props.class,
+          ]}
+          style={[textColorStyles.value, props.style]}
+        >
+          <VDefaultsProvider defaults={ innerDefaults }>
+            { slots.default?.(slotProps.value) ?? (
+              <>
+                { slots.prepend?.(slotProps.value) }
+
+                <div class={['v-audio-controls__actions', { 'v-audio-control__pill': props.pills }]}>
+                  { showSkip && (
+                    <VIconBtn
+                      key="skip-backward"
+                      icon={ props.skipBackwardIcon }
+                      aria-label={ labels.value.skipBackward }
+                      { ...clickable(() => skipBy(-skipSeconds.value)) }
+                    />
+                  )}
+
+                  { !props.hidePlay && (
+                    <VIconBtn
+                      key="play"
+                      class="v-audio__action-play"
+                      icon={ playing.value ? props.pauseIcon : props.playIcon }
+                      aria-label={ playing.value ? labels.value.pause : labels.value.play }
+                      { ...clickable(togglePlay) }
+                    />
+                  )}
+
+                  { showSkip && (
+                    <VIconBtn
+                      key="skip-forward"
+                      icon={ props.skipForwardIcon }
+                      aria-label={ labels.value.skipForward }
+                      { ...clickable(() => skipBy(skipSeconds.value)) }
+                    />
+                  )}
+
+                  { showStop && (
+                    <VIconBtn
+                      icon={ props.stopIcon }
+                      aria-label={ labels.value.stop }
+                      { ...clickable(stop) }
+                    />
+                  )}
+                </div>
+
+                { props.splitTime && !props.hideTime && (
+                  <div class="v-audio-controls__time">
+                    { slots.time?.(currentTime.value) ?? currentTime.value.elapsed }
+                  </div>
+                )}
+
+                { showWaveform
+                  ? (
+                      <div class="v-audio-controls__waveform">
+                        { slots.waveform?.(slotProps.value) ?? (
+                          <VAudioWaveform
+                            { ...waveformProps }
+                            modelValue={ progress.value }
+                            color={ props.color }
+                            duration={ props.duration }
+                            aria-label={ labels.value.seek }
+                            onUpdate:modelValue={ skipTo }
+                            onStart={ () => emit('scrubStart') }
+                            onEnd={ () => emit('scrubEnd') }
+                          />
+                        )}
+                      </div>
+                  )
+                  : <VSpacer /> }
+
+                { !props.hideTime && (
+                  <div class="v-audio-controls__time">
+                    { props.splitTime
+                      ? (slots.time?.(currentTime.value) ?? `-${currentTime.value.remaining}`)
+                      : (slots.time?.(currentTime.value) ?? timeText.value)}
+                  </div>
+                )}
+
+                { showRates && (
+                  <VMenu>
+                    {{
+                      activator: ({ props: activatorProps }: any) => (
+                        <VIconBtn
+                          { ...activatorProps }
+                          aria-label={ labels.value.playbackRate }
+
+                        >
+                          <span class="text-caption">
+                            { playbackRate.value }
+                            x
+                          </span>
+                        </VIconBtn>
+                      ),
+                      default: () => (
+                        <VList density="compact">
+                          { props.playbackRates.map(rate => (
+                            <VListItem
+                              active={ rate === playbackRate.value }
+                              title={ `${rate}x` }
+                              { ...clickable(() => setPlaybackRate(rate)) }
+                            />
+                          ))}
+                        </VList>
+                      ),
+                    }}
+                  </VMenu>
+                )}
+
+                { showVolume && (
+                  <div class="v-audio-controls__volume">
+                    <VIconBtn
+                      icon={ volume.value > 0 ? props.volumeIcon : props.muteIcon }
+                      aria-label={ volume.value > 0 ? labels.value.mute : labels.value.unmute }
+                      { ...clickable(toggleMuted) }
+                    />
+                    <VSlider
+                      color={ props.color }
+                      max={ 100 }
+                      min={ 0 }
+                      modelValue={ volume.value }
+                      step={ 1 }
+                      aria-label={ labels.value.volume }
+                      onUpdate:modelValue={ (v: number) => {
+                        volume.value = v
+                      }}
+                    />
+                  </div>
+                )}
+
+                { showDownload && (
+                  <VIconBtn
+                    icon={ props.downloadIcon }
+                    aria-label={ labels.value.download }
+                    { ...clickable(download) }
+                  />
+                )}
+
+                { slots.append?.(slotProps.value) }
+              </>
+            )}
+          </VDefaultsProvider>
+        </div>
+      )
+    })
+
+    return { toggleMuted }
+  },
+})
+
+export type VAudioControls = InstanceType<typeof VAudioControls>
diff --git a/packages/vuetify/src/labs/VAudio/VAudioWaveform.sass b/packages/vuetify/src/labs/VAudio/VAudioWaveform.sass
new file mode 100644
index 00000000000..473b84f0be8
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/VAudioWaveform.sass
@@ -0,0 +1,75 @@
+@use '../../styles/tools'
+@use './variables' as *
+
+@include tools.layer('components')
+  .v-audio-waveform
+    --v-audio-waveform-progress: 0%
+    align-items: center
+    display: flex
+    flex: 1 1 auto
+    min-width: 0
+    position: relative
+    touch-action: none
+    user-select: none
+
+    &:focus-visible
+      outline: 1px solid currentColor
+      outline-offset: 2px
+
+    &--seekable
+      cursor: pointer
+
+    &--disabled
+      opacity: $audio-waveform-disabled-opacity
+      pointer-events: none
+
+    &__svg
+      display: block
+      height: 100%
+      overflow: visible
+      width: 100%
+
+    &__track
+      fill: currentColor
+      opacity: $audio-waveform-track-opacity
+
+    &__buffer
+      fill: currentColor
+      opacity: $audio-waveform-buffer-opacity
+
+    &__progress
+      clip-path: inset(0 calc(100% - var(--v-audio-waveform-progress)) 0 0)
+      fill: currentColor
+      transition: $audio-waveform-progress-transition
+
+      .v-audio-waveform--rtl &
+        clip-path: inset(0 0 0 calc(100% - var(--v-audio-waveform-progress)))
+
+      .v-audio-waveform--scrubbing &,
+      .v-audio-waveform--seeking &
+        transition: none
+
+    &__mirror
+      opacity: $audio-waveform-mirror-opacity
+
+    &__cursor
+      background: currentColor
+      inset-block: 0
+      opacity: $audio-waveform-cursor-opacity
+      pointer-events: none
+      position: absolute
+      width: $audio-waveform-cursor-width
+
+    &__tooltip
+      background: $audio-waveform-tooltip-background
+      border-radius: $audio-waveform-tooltip-border-radius
+      bottom: calc(100% + #{$audio-waveform-tooltip-offset})
+      color: $audio-waveform-tooltip-color
+      font-size: $audio-waveform-tooltip-font-size
+      line-height: 1.4
+      padding: $audio-waveform-tooltip-padding
+      pointer-events: none
+      position: absolute
+      transform: translateX(-50%)
+      white-space: nowrap
+      z-index: 1
diff --git a/packages/vuetify/src/labs/VAudio/VAudioWaveform.tsx b/packages/vuetify/src/labs/VAudio/VAudioWaveform.tsx
new file mode 100644
index 00000000000..61f889fdb7f
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/VAudioWaveform.tsx
@@ -0,0 +1,402 @@
+// Styles
+import './VAudioWaveform.sass'
+
+// Composables
+import { useTextColor } from '@/composables/color'
+import { makeComponentProps } from '@/composables/component'
+import { useRtl } from '@/composables/locale'
+import { makeThemeProps, provideTheme } from '@/composables/theme'
+
+// Utilities
+import { computed, shallowRef, toRef } from 'vue'
+import { downsamplePeaks, normalizePeaks } from './peaks'
+import { formatDuration } from './time'
+import { clamp, convertToUnit, genericComponent, keyValues, propsFactory, useRender } from '@/util'
+
+// Types
+import type { PropType } from 'vue'
+import type { SampleStrategy } from './peaks'
+
+export type VAudioWaveformSlots = {
+  tooltip: { time: string, position: number }
+}
+
+export const makeVAudioWaveformProps = propsFactory({
+  modelValue: {
+    type: Number,
+    default: 0,
+  },
+  peaks: Array as PropType<readonly number[]>,
+  buffered: Array as PropType<readonly number[]>,
+  bars: {
+    type: [Number, String],
+    default: 64,
+  },
+  barWidth: {
+    type: [Number, String],
+    default: 2,
+  },
+  barGap: {
+    type: [Number, String],
+    default: 1,
+  },
+  barRadius: {
+    type: [Number, String],
+    default: 1,
+  },
+  height: {
+    type: [Number, String],
+    default: 32,
+  },
+  color: String,
+  trackColor: String,
+  bufferColor: String,
+  seekable: {
+    type: Boolean,
+    default: true,
+  },
+  preview: {
+    type: Boolean,
+    default: true,
+  },
+  duration: {
+    type: Number,
+    default: 0,
+  },
+  normalize: {
+    type: Boolean,
+    default: true,
+  },
+  sampleStrategy: {
+    type: String as PropType<SampleStrategy>,
+    default: 'peak',
+  },
+  mirror: Boolean,
+  step: {
+    type: [Number, String],
+    default: 1,
+  },
+  disabled: Boolean,
+
+  ...makeComponentProps(),
+  ...makeThemeProps(),
+}, 'VAudioWaveform')
+
+export const VAudioWaveform = genericComponent<VAudioWaveformSlots>()({
+  name: 'VAudioWaveform',
+
+  props: makeVAudioWaveformProps(),
+
+  emits: {
+    'update:modelValue': (value: number) => true,
+    start: (value: number) => true,
+    end: (value: number) => true,
+  },
+
+  setup (props, { emit, slots }) {
+    const { themeClasses } = provideTheme(props)
+    const { isRtl } = useRtl()
+    const { textColorClasses, textColorStyles } = useTextColor(toRef(() => props.color))
+
+    const rootRef = shallowRef<HTMLElement>()
+    const scrubbing = shallowRef(false)
+    const seeking = shallowRef(false)
+    const hoverRatio = shallowRef<number | null>(null)
+
+    const barCount = toRef(() => Math.max(1, Number(props.bars) || 1))
+    const barWidth = toRef(() => Math.max(0.5, Number(props.barWidth) || 1))
+    const barGap = toRef(() => Math.max(0, Number(props.barGap) || 0))
+    const height = toRef(() => Math.max(1, Number(props.height) || 1))
+
+    // A flat mid-height track is what a missing decode degrades to; it still seeks and
+    // still shows progress, which is the whole point of the fallback.
+    const bars = computed(() => {
+      const source = props.peaks?.length
+        ? (props.peaks.length > barCount.value
+          ? downsamplePeaks(props.peaks as number[], barCount.value, props.sampleStrategy)
+          : props.peaks.slice())
+        : Array.from({ length: barCount.value }, () => 0.35)
+
+      return props.peaks?.length && props.normalize
+        ? normalizePeaks(source as number[])
+        : (source as number[]).map(v => clamp(v, 0, 1))
+    })
+
+    // The viewBox is the bar geometry's own coordinate space and the svg stretches to
+    // fill the element, so `barWidth`/`barGap` are a ratio rather than device pixels —
+    // the bar set always spans the full width at whatever size the container ends up.
+    const viewBox = computed(() => {
+      const width = bars.value.length * barWidth.value + Math.max(0, bars.value.length - 1) * barGap.value
+      return { width: Math.max(width, 1), height: height.value }
+    })
+
+    const rects = computed(() => {
+      const { height: h } = viewBox.value
+      const half = props.mirror ? h / 2 : h
+      const minHeight = 1
+
+      return bars.value.map((peak, i) => {
+        const barHeight = Math.max(minHeight, clamp(peak, 0, 1) * half)
+        return {
+          x: i * (barWidth.value + barGap.value),
+          y: props.mirror ? half - barHeight : (h - barHeight) / 2,
+          width: barWidth.value,
+          height: barHeight,
+        }
+      })
+    })
+
+    const bufferRanges = computed(() => {
+      const buffered = props.buffered
+      if (!buffered?.length) return []
+
+      const ranges: { start: number, width: number }[] = []
+      for (let i = 0; i + 1 < buffered.length; i += 2) {
+        const start = clamp(buffered[i], 0, 100)
+        const end = clamp(buffered[i + 1], 0, 100)
+        if (end > start) ranges.push({ start, width: end - start })
+      }
+      return ranges
+    })
+
+    const progress = toRef(() => clamp(Number(props.modelValue) || 0, 0, 100))
+
+    // Without a duration there is no time to report, and reporting `0:00` for every
+    // position is worse than reporting none: percent is what the component actually knows.
+    const hasDuration = toRef(() => Number.isFinite(props.duration) && props.duration > 0)
+
+    function timeAt (ratio: number) {
+      return hasDuration.value
+        ? formatDuration(ratio * props.duration, props.duration)
+        : `${Math.round(ratio * 100)}%`
+    }
+
+    const ariaValueText = toRef(() => timeAt(progress.value / 100))
+
+    function ratioFromEvent (e: PointerEvent) {
+      const el = rootRef.value
+      if (!el) return 0
+
+      const rect = el.getBoundingClientRect()
+      if (!rect.width) return 0
+
+      const ratio = clamp((e.clientX - rect.left) / rect.width, 0, 1)
+      return isRtl.value ? 1 - ratio : ratio
+    }
+
+    function seekTo (ratio: number) {
+      emit('update:modelValue', clamp(ratio * 100, 0, 100))
+    }
+
+    function onPointerdown (e: PointerEvent) {
+      if (!props.seekable || props.disabled) return
+
+      e.preventDefault()
+      const target = e.currentTarget as HTMLElement
+      target.setPointerCapture(e.pointerId)
+      scrubbing.value = true
+      seekTo(ratioFromEvent(e))
+      emit('start', progress.value)
+    }
+
+    function onPointermove (e: PointerEvent) {
+      if (props.disabled) return
+
+      if (scrubbing.value) {
+        seekTo(ratioFromEvent(e))
+      } else if (props.preview) {
+        hoverRatio.value = ratioFromEvent(e)
+      }
+    }
+
+    function onPointerup (e: PointerEvent) {
+      if (!scrubbing.value) return
+
+      const target = e.currentTarget as HTMLElement
+      if (target.hasPointerCapture(e.pointerId)) target.releasePointerCapture(e.pointerId)
+      scrubbing.value = false
+      emit('end', progress.value)
+    }
+
+    function onPointerleave () {
+      hoverRatio.value = null
+    }
+
+    // A keyboard seek must land, not slide: the transition is suppressed for the frame
+    // in which the value changes, the same way scrubbing suppresses it.
+    function commitKeyboard (value: number) {
+      seeking.value = true
+      emit('update:modelValue', clamp(value, 0, 100))
+      requestAnimationFrame(() => {
+        seeking.value = false
+      })
+    }
+
+    function onKeydown (e: KeyboardEvent) {
+      if (!props.seekable || props.disabled) return
+
+      const { pageup, pagedown, end, home, left, right, down, up } = keyValues
+      const step = Math.max(0.1, Number(props.step) || 1)
+      const current = progress.value
+      const forward = isRtl.value ? left : right
+      const backward = isRtl.value ? right : left
+
+      switch (e.key) {
+        case forward:
+        case up: {
+          commitKeyboard(current + step)
+          break
+        }
+        case backward:
+        case down: {
+          commitKeyboard(current - step)
+          break
+        }
+        case pageup: {
+          commitKeyboard(current + step * 10)
+          break
+        }
+        case pagedown: {
+          commitKeyboard(current - step * 10)
+          break
+        }
+        case home: {
+          commitKeyboard(0)
+          break
+        }
+        case end: {
+          commitKeyboard(100)
+          break
+        }
+        default: {
+          return
+        }
+      }
+
+      e.preventDefault()
+    }
+
+    const hoverTime = toRef(() => timeAt(hoverRatio.value ?? 0))
+
+    useRender(() => {
+      const showTooltip = props.preview && hoverRatio.value !== null && !props.disabled
+      const cursorOffset = `${(isRtl.value ? 1 - (hoverRatio.value ?? 0) : hoverRatio.value ?? 0) * 100}%`
+
+      return (
+        <div
+          ref={ rootRef }
+          class={[
+            'v-audio-waveform',
+            {
+              'v-audio-waveform--disabled': props.disabled,
+              'v-audio-waveform--rtl': isRtl.value,
+              'v-audio-waveform--scrubbing': scrubbing.value,
+              'v-audio-waveform--seeking': seeking.value,
+              'v-audio-waveform--seekable': props.seekable && !props.disabled,
+            },
+            themeClasses.value,
+            textColorClasses.value,
+            props.class,
+          ]}
+          style={[
+            {
+              '--v-audio-waveform-progress': `${progress.value}%`,
+              height: convertToUnit(props.height),
+            },
+            textColorStyles.value,
+            props.style,
+          ]}
+          role={ props.seekable && !props.disabled ? 'slider' : undefined }
+          tabindex={ props.seekable && !props.disabled ? 0 : undefined }
+          aria-valuemin={ props.seekable && !props.disabled ? 0 : undefined }
+          aria-valuemax={ props.seekable && !props.disabled ? 100 : undefined }
+          aria-valuenow={ props.seekable && !props.disabled ? Math.round(progress.value) : undefined }
+          aria-valuetext={ props.seekable && !props.disabled ? ariaValueText.value : undefined }
+          aria-disabled={ props.disabled || undefined }
+          onPointerdown={ onPointerdown }
+          onPointermove={ onPointermove }
+          onPointerup={ onPointerup }
+          onPointercancel={ onPointerup }
+          onPointerleave={ onPointerleave }
+          onKeydown={ onKeydown }
+        >
+          <svg
+            class="v-audio-waveform__svg"
+            viewBox={ `0 0 ${viewBox.value.width} ${viewBox.value.height}` }
+            preserveAspectRatio="none"
+            aria-hidden="true"
+          >
+            <defs>
+              <g id={ `v-audio-waveform-bars-${bars.value.length}` } />
+            </defs>
+
+            { bufferRanges.value.map(range => (
+              <g
+                class="v-audio-waveform__buffer"
+                clip-path={ `inset(0 ${100 - range.start - range.width}% 0 ${range.start}%)` }
+              >
+                { rects.value.map(rect => (
+                  <rect { ...rect } rx={ props.barRadius } />
+                ))}
+              </g>
+            ))}
+
+            <g class="v-audio-waveform__track">
+              { rects.value.map(rect => (
+                <rect { ...rect } rx={ props.barRadius } />
+              ))}
+              { props.mirror && (
+                <g
+                  class="v-audio-waveform__mirror"
+                  transform={ `translate(0, ${viewBox.value.height}) scale(1, -1)` }
+                >
+                  { rects.value.map(rect => (
+                    <rect { ...rect } rx={ props.barRadius } />
+                  ))}
+                </g>
+              )}
+            </g>
+
+            <g class="v-audio-waveform__progress">
+              { rects.value.map(rect => (
+                <rect { ...rect } rx={ props.barRadius } />
+              ))}
+              { props.mirror && (
+                <g
+                  class="v-audio-waveform__mirror"
+                  transform={ `translate(0, ${viewBox.value.height}) scale(1, -1)` }
+                >
+                  { rects.value.map(rect => (
+                    <rect { ...rect } rx={ props.barRadius } />
+                  ))}
+                </g>
+              )}
+            </g>
+          </svg>
+
+          { showTooltip && (
+            <>
+              <div
+                class="v-audio-waveform__cursor"
+                style={{ insetInlineStart: cursorOffset }}
+              />
+              <div
+                class="v-audio-waveform__tooltip"
+                style={{ insetInlineStart: cursorOffset }}
+              >
+                { slots.tooltip?.({
+                  time: hoverTime.value,
+                  position: (hoverRatio.value ?? 0) * 100,
+                }) ?? hoverTime.value }
+              </div>
+            </>
+          )}
+        </div>
+      )
+    })
+
+    return {}
+  },
+})
+
+export type VAudioWaveform = InstanceType<typeof VAudioWaveform>
diff --git a/packages/vuetify/src/labs/VAudio/__tests__/VAudio.spec.browser.tsx b/packages/vuetify/src/labs/VAudio/__tests__/VAudio.spec.browser.tsx
new file mode 100644
index 00000000000..89fa0067004
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/__tests__/VAudio.spec.browser.tsx
@@ -0,0 +1,213 @@
+// Components
+import { VAudio } from '../VAudio'
+import { VLocaleProvider } from '@/components/VLocaleProvider'
+
+// Utilities
+import { commands, render, screen, showcase, userEvent } from '@test'
+import { ref } from 'vue'
+
+const peaks = [0.2, 0.9, 0.35, 0.7, 0.15, 0.6, 0.85, 0.4]
+
+/**
+ * A silent WAV of a known length, as a blob URL. Anything that seeks needs a finite
+ * `duration`, and a one-sample fixture reports ~0 — every position then clamps to 0.
+ */
+function makeSilentWav (seconds: number) {
+  const rate = 8000
+  const frames = rate * seconds
+  const buffer = new ArrayBuffer(44 + frames)
+  const view = new DataView(buffer)
+  const ascii = (offset: number, text: string) => {
+    for (let i = 0; i < text.length; i++) {
+      view.setUint8(offset + i, text.codePointAt(i)!)
+    }
+  }
+
+  ascii(0, 'RIFF')
+  view.setUint32(4, 36 + frames, true)
+  ascii(8, 'WAVEfmt ')
+  view.setUint32(16, 16, true)
+  view.setUint16(20, 1, true)
+  view.setUint16(22, 1, true)
+  view.setUint32(24, rate, true)
+  view.setUint32(28, rate, true)
+  view.setUint16(32, 1, true)
+  view.setUint16(34, 8, true)
+  ascii(36, 'data')
+  view.setUint32(40, frames, true)
+  for (let i = 0; i < frames; i++) {
+    view.setUint8(44 + i, 128)
+  }
+
+  return URL.createObjectURL(new Blob([buffer], { type: 'audio/wav' }))
+}
+
+const SILENT_WAV = makeSilentWav(4)
+
+/** Resolves once the element has metadata — nothing can seek before that. */
+async function whenLoaded () {
+  await vi.waitUntil(() => {
+    const el = document.querySelector('audio')
+    return !!el && Number.isFinite(el.duration) && el.duration > 0
+  }, { timeout: 4000 })
+}
+
+const stories = {
+  Default: <VAudio src={ SILENT_WAV } peaks={ peaks } />,
+  Mini: <VAudio src={ SILENT_WAV } peaks={ peaks } variant="mini" />,
+  Pills: <VAudio src={ SILENT_WAV } peaks={ peaks } pills />,
+  'No waveform': <VAudio src={ SILENT_WAV } hideWaveform />,
+}
+
+describe('VAudio', () => {
+  it('should toggle playing when the play button is pressed', async () => {
+    const playing = ref(false)
+    render(() => <VAudio src={ SILENT_WAV } peaks={ peaks } v-model:playing={ playing.value } />)
+
+    await userEvent.click(screen.getByCSS('.v-audio__action-play'))
+
+    expect(playing.value).toBe(true)
+  })
+
+  it('should render a waveform by default and hide it on request', () => {
+    render(() => <VAudio src={ SILENT_WAV } peaks={ peaks } />)
+    expect(document.querySelector('.v-audio-waveform')).toBeTruthy()
+
+    render(() => <VAudio src={ SILENT_WAV } peaks={ peaks } hideWaveform />)
+    expect(document.querySelectorAll('.v-audio-waveform')).toHaveLength(1)
+  })
+
+  it('should expose the transport through its own labelled controls, not the element', () => {
+    render(() => <VAudio src={ SILENT_WAV } peaks={ peaks } />)
+
+    // The element itself is unreachable by assistive tech and cannot be made reachable:
+    // chromium forces `display: none` on `audio:not([controls])` with a UA `!important`.
+    // See docs/VERIFIED.md — the accessible surface is the component's own controls.
+    expect(document.querySelector('audio')).toBeTruthy()
+
+    const labels = [...document.querySelectorAll('[aria-label]')].map(el => el.getAttribute('aria-label'))
+    expect(labels).toContain('Play')
+    expect(labels).toContain('Seek')
+    expect(document.querySelector('[role="slider"][aria-label="Seek"]')).toBeTruthy()
+  })
+
+  it('should not seek from the container while a waveform is visible', async () => {
+    const progress = ref(0)
+    render(() => (
+      <VAudio
+        src={ SILENT_WAV }
+        peaks={ peaks }
+        v-model:progress={ progress.value }
+        seekTarget="container"
+      />
+    ))
+
+    // The waveform is the seek surface whenever it is visible, so the container must not
+    // also become one — asserted structurally, since any coordinate inside the component
+    // may legitimately land on the waveform.
+    const root = document.querySelector('.v-audio')!
+
+    expect(root.getAttribute('role')).toBeNull()
+    expect(root.classList.contains('v-audio--seekable-container')).toBe(false)
+    expect(document.querySelector('.v-audio-waveform[role="slider"]')).toBeTruthy()
+  })
+
+  it('should seek from the container once the waveform is hidden', async () => {
+    const progress = ref(0)
+    render(() => (
+      <VAudio
+        src={ SILENT_WAV }
+        v-model:progress={ progress.value }
+        seekTarget="container"
+        hideWaveform
+      />
+    ))
+
+    await whenLoaded()
+
+    const root = document.querySelector('.v-audio')!
+    expect(root.getAttribute('role')).toBe('slider')
+
+    // Above the controls row: the container's own padding band. A point at mid-height
+    // lands on a button or the volume slider, which the guard excludes by design.
+    const rect = root.getBoundingClientRect()
+    const x = Math.round(rect.left + rect.width * 0.75)
+    const y = Math.round(rect.top + 4)
+    await commands.drag([x, y], [x, y])
+
+    expect(progress.value).toBeGreaterThan(0)
+  })
+
+  it('should invert the container seek in RTL', async () => {
+    const progress = ref(0)
+    render(() => (
+      <VLocaleProvider rtl>
+        <VAudio
+          src={ SILENT_WAV }
+          v-model:progress={ progress.value }
+          seekTarget="container"
+          hideWaveform
+        />
+      </VLocaleProvider>
+    ))
+
+    await whenLoaded()
+
+    const rect = document.querySelector('.v-audio')!.getBoundingClientRect()
+    const x = Math.round(rect.left + rect.width * 0.25)
+    const y = Math.round(rect.top + 4)
+    await commands.drag([x, y], [x, y])
+
+    expect(progress.value).toBeGreaterThan(50)
+  })
+
+  it('should expose exactly one seek slider in every seekTarget mode', () => {
+    const modes = [
+      { seekTarget: 'waveform' as const },
+      { seekTarget: 'container' as const, hideWaveform: true },
+      { seekTarget: 'none' as const },
+    ]
+
+    const counts = modes.map(props => {
+      document.body.innerHTML = ''
+      render(() => <VAudio src={ SILENT_WAV } peaks={ peaks } { ...props } />)
+
+      return [...document.querySelectorAll('[role="slider"]')]
+        .filter(el => el.getAttribute('aria-label') === 'Seek')
+        .length
+    })
+
+    expect(counts).toEqual([1, 1, 0])
+  })
+
+  it('should render the error slot when the source fails', async () => {
+    render(() => (
+      <VAudio src="/definitely-not-a-real-file.mp3" error>
+        {{ error: () => <span class="test-error">could not load</span> }}
+      </VAudio>
+    ))
+
+    expect(document.querySelector('.test-error')?.textContent).toBe('could not load')
+  })
+
+  it('should render skip buttons only when an interval is set', () => {
+    render(() => <VAudio src={ SILENT_WAV } peaks={ peaks } />)
+    const withoutSkip = document.querySelectorAll('.v-audio-controls .v-icon-btn').length
+
+    document.body.innerHTML = ''
+    render(() => <VAudio src={ SILENT_WAV } peaks={ peaks } skipInterval={ 15 } />)
+    const withSkip = document.querySelectorAll('.v-audio-controls .v-icon-btn').length
+
+    expect(withSkip).toBe(withoutSkip + 2)
+  })
+
+  it('should label the skip buttons with the configured interval', () => {
+    render(() => <VAudio src={ SILENT_WAV } peaks={ peaks } skipInterval={ 15 } />)
+
+    const labels = [...document.querySelectorAll('[aria-label]')].map(el => el.getAttribute('aria-label'))
+    expect(labels).toContain('Skip forward 15 seconds')
+    expect(labels).toContain('Skip back 15 seconds')
+  })
+
+  showcase({ stories })
+})
diff --git a/packages/vuetify/src/labs/VAudio/__tests__/VAudioWaveform.spec.browser.tsx b/packages/vuetify/src/labs/VAudio/__tests__/VAudioWaveform.spec.browser.tsx
new file mode 100644
index 00000000000..18ac21a6a81
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/__tests__/VAudioWaveform.spec.browser.tsx
@@ -0,0 +1,126 @@
+// Components
+import { VAudioWaveform } from '../VAudioWaveform'
+import { VLocaleProvider } from '@/components/VLocaleProvider'
+
+// Utilities
+import { commands, render, screen, showcase, userEvent } from '@test'
+import { ref } from 'vue'
+
+const peaks = [0.2, 0.9, 0.35, 0.7, 0.15, 0.6, 0.85, 0.4]
+
+const stories = {
+  Default: <VAudioWaveform peaks={ peaks } modelValue={ 40 } />,
+  Mirror: <VAudioWaveform peaks={ peaks } modelValue={ 40 } mirror />,
+  Disabled: <VAudioWaveform peaks={ peaks } modelValue={ 40 } disabled />,
+  'No peaks': <VAudioWaveform modelValue={ 40 } />,
+}
+
+describe('VAudioWaveform', () => {
+  it('should seek when the waveform is clicked', async () => {
+    const model = ref(0)
+    render(() => <div style="width: 400px"><VAudioWaveform v-model={ model.value } peaks={ peaks } /></div>)
+
+    const waveform = screen.getByCSS('.v-audio-waveform')
+    await userEvent.click(waveform)
+
+    expect(model.value).toBeGreaterThan(0)
+  })
+
+  it('should scrub while dragging', async () => {
+    const model = ref(0)
+    const events: number[] = []
+    render(() => (
+      <div style="width: 400px">
+        <VAudioWaveform
+          v-model={ model.value }
+          peaks={ peaks }
+          onStart={ () => events.push(-1) }
+          onEnd={ () => events.push(-2) }
+        />
+      </div>
+    ))
+
+    const rect = document.querySelector('.v-audio-waveform')!.getBoundingClientRect()
+    const y = Math.round(rect.top + rect.height / 2)
+    await commands.drag(
+      [Math.round(rect.left + rect.width * 0.2), y],
+      [Math.round(rect.left + rect.width * 0.8), y],
+    )
+
+    expect(model.value).toBeGreaterThan(50)
+    expect(events).toEqual([-1, -2])
+  })
+
+  it('should respond to keyboard seeking', async () => {
+    const model = ref(50)
+    render(() => <VAudioWaveform v-model={ model.value } peaks={ peaks } step={ 5 } />)
+
+    document.querySelector<HTMLElement>('[role="slider"]')!.focus()
+    await userEvent.keyboard('{ArrowRight}')
+    expect(model.value).toBe(55)
+
+    await userEvent.keyboard('{ArrowLeft}{ArrowLeft}')
+    expect(model.value).toBe(45)
+
+    await userEvent.keyboard('{Home}')
+    expect(model.value).toBe(0)
+
+    await userEvent.keyboard('{End}')
+    expect(model.value).toBe(100)
+
+    await userEvent.keyboard('{PageDown}')
+    expect(model.value).toBe(50)
+  })
+
+  it('should not seek when disabled', async () => {
+    const model = ref(20)
+    render(() => <div style="width: 400px"><VAudioWaveform v-model={ model.value } peaks={ peaks } disabled /></div>)
+
+    const rect = document.querySelector('.v-audio-waveform')!.getBoundingClientRect()
+    const y = Math.round(rect.top + rect.height / 2)
+    await commands.drag([Math.round(rect.left + rect.width * 0.8), y], [Math.round(rect.left + rect.width * 0.8), y])
+
+    expect(model.value).toBe(20)
+  })
+
+  it('should report time in aria-valuetext when a duration is known', () => {
+    render(() => <VAudioWaveform peaks={ peaks } modelValue={ 50 } duration={ 120 } />)
+
+    const slider = document.querySelector('[role="slider"]')!
+    expect(slider.getAttribute('aria-valuetext')).toBe('1:00')
+    expect(slider.getAttribute('aria-valuenow')).toBe('50')
+  })
+
+  it('should fall back to a percentage when no duration is known', () => {
+    render(() => <VAudioWaveform peaks={ peaks } modelValue={ 35 } />)
+
+    expect(document.querySelector('[role="slider"]')!.getAttribute('aria-valuetext')).toBe('35%')
+  })
+
+  it('should render a bar per peak, and a placeholder track without peaks', () => {
+    render(() => <VAudioWaveform peaks={ peaks } bars={ 8 } />)
+    expect(document.querySelectorAll('.v-audio-waveform__track rect')).toHaveLength(peaks.length)
+
+    render(() => <VAudioWaveform bars={ 12 } />)
+    const placeholders = document.querySelectorAll('.v-audio-waveform__track rect')
+    expect(placeholders.length).toBeGreaterThan(0)
+  })
+
+  it('should invert the seek ratio in RTL', async () => {
+    const model = ref(0)
+    render(() => (
+      <VLocaleProvider rtl>
+        <div style="width: 400px"><VAudioWaveform v-model={ model.value } peaks={ peaks } /></div>
+      </VLocaleProvider>
+    ))
+
+    const rect = document.querySelector('.v-audio-waveform')!.getBoundingClientRect()
+    const x = Math.round(rect.left + rect.width * 0.25)
+    const y = Math.round(rect.top + rect.height / 2)
+    await commands.drag([x, y], [x, y])
+
+    expect(model.value).toBeGreaterThan(50)
+  })
+
+  showcase({ stories })
+})
diff --git a/packages/vuetify/src/labs/VAudio/__tests__/api.spec.ts b/packages/vuetify/src/labs/VAudio/__tests__/api.spec.ts
new file mode 100644
index 00000000000..0b543abefd4
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/__tests__/api.spec.ts
@@ -0,0 +1,24 @@
+import { makeVAudioProps } from '../VAudio'
+import { makeVAudioControlsProps } from '../VAudioControls'
+import { makeVAudioWaveformProps } from '../VAudioWaveform'
+
+describe('public API surface', () => {
+  it('VAudio inherits peaks and waveformProps from the controls factory', () => {
+    const keys = Object.keys(makeVAudioProps())
+    const inherited = ['peaks', 'waveformProps', 'bars', 'mirror', 'variant', 'download', 'timeDisplay', 'splitTime', 'playbackRates']
+
+    expect(inherited.filter(k => !keys.includes(k))).toEqual([])
+  })
+
+  it('declares duration on controls but not on VAudio', () => {
+    expect(Object.keys(makeVAudioControlsProps())).toContain('duration')
+    expect(Object.keys(makeVAudioProps())).not.toContain('duration')
+  })
+
+  it('omits waveform modelValue/color/height/disabled/duration from controls', () => {
+    const controls = Object.keys(makeVAudioControlsProps())
+    expect(controls).not.toContain('modelValue')
+    // color/height/disabled exist on controls in their own right, not the waveform's
+    expect(Object.keys(makeVAudioWaveformProps())).toContain('modelValue')
+  })
+})
diff --git a/packages/vuetify/src/labs/VAudio/__tests__/peaks.spec.ts b/packages/vuetify/src/labs/VAudio/__tests__/peaks.spec.ts
new file mode 100644
index 00000000000..3d25951dd3d
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/__tests__/peaks.spec.ts
@@ -0,0 +1,51 @@
+// Utilities
+import { downsamplePeaks, normalizePeaks } from '../peaks'
+
+describe('downsamplePeaks', () => {
+  it('should return one value per bucket', () => {
+    expect(downsamplePeaks(new Float32Array(100), 10)).toHaveLength(10)
+  })
+
+  it('should take the absolute maximum of each bucket', () => {
+    expect(downsamplePeaks([0, 0.5, -0.9, 0.2], 2)).toEqual([0.5, 0.9])
+  })
+
+  it('should compute rms when asked', () => {
+    expect(downsamplePeaks([3, 4, 0, 0], 2, 'rms')).toEqual([Math.sqrt(12.5), 0])
+  })
+
+  it('should absorb the remainder into the final bucket', () => {
+    expect(downsamplePeaks([0.1, 0.2, 0.3, 0.4, 0.9], 2)).toEqual([0.2, 0.9])
+  })
+
+  it('should not upsample when there are fewer samples than buckets', () => {
+    expect(downsamplePeaks([0.4, -0.6], 8)).toEqual([0.4, 0.6])
+  })
+
+  it('should return an empty array for empty input', () => {
+    expect(downsamplePeaks([], 8)).toEqual([])
+    expect(downsamplePeaks([0.5], 0)).toEqual([])
+  })
+
+  it('should return zeroes for silence', () => {
+    expect(downsamplePeaks(new Float32Array(64), 4)).toEqual([0, 0, 0, 0])
+  })
+})
+
+describe('normalizePeaks', () => {
+  it('should scale the loudest bucket to exactly 1', () => {
+    expect(normalizePeaks([0.1, 0.25, 0.5])).toEqual([0.2, 0.5, 1])
+  })
+
+  it('should not divide by zero on an all-zero array', () => {
+    expect(normalizePeaks([0, 0, 0])).toEqual([0, 0, 0])
+  })
+
+  it('should clamp values already above the maximum', () => {
+    expect(normalizePeaks([2, 1])).toEqual([1, 0.5])
+  })
+
+  it('should return an empty array unchanged', () => {
+    expect(normalizePeaks([])).toEqual([])
+  })
+})
diff --git a/packages/vuetify/src/labs/VAudio/__tests__/time.spec.ts b/packages/vuetify/src/labs/VAudio/__tests__/time.spec.ts
new file mode 100644
index 00000000000..9e98b3cd97c
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/__tests__/time.spec.ts
@@ -0,0 +1,31 @@
+// Utilities
+import { formatDuration, PLACEHOLDER_TIME } from '../time'
+
+describe('formatDuration', () => {
+  it('should format seconds as m:ss', () => {
+    expect(formatDuration(0)).toBe('0:00')
+    expect(formatDuration(5)).toBe('0:05')
+    expect(formatDuration(65)).toBe('1:05')
+  })
+
+  it('should add hours only past an hour', () => {
+    expect(formatDuration(3661)).toBe('1:01:01')
+  })
+
+  it('should clamp negatives to zero rather than render -1:-5', () => {
+    expect(formatDuration(-5)).toBe('0:00')
+  })
+
+  it('should clamp above the duration', () => {
+    expect(formatDuration(90, 60)).toBe('1:00')
+  })
+
+  it('should return a placeholder for non-finite input', () => {
+    expect(formatDuration(Number.NaN)).toBe(PLACEHOLDER_TIME)
+    expect(formatDuration(Infinity)).toBe(PLACEHOLDER_TIME)
+  })
+
+  it('should ignore a non-finite duration ceiling', () => {
+    expect(formatDuration(30, Infinity)).toBe('0:30')
+  })
+})
diff --git a/packages/vuetify/src/labs/VAudio/_variables.scss b/packages/vuetify/src/labs/VAudio/_variables.scss
new file mode 100644
index 00000000000..53ca217bdd8
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/_variables.scss
@@ -0,0 +1,52 @@
+@use 'sass:map';
+@use '../../styles/settings';
+
+$audio-min-width: 200px !default;
+$audio-height: 56px !default;
+$audio-fill-opacity: .08 !default;
+$audio-padding: 8px !default;
+$audio-gap: 8px !default;
+$audio-border-radius: settings.$border-radius-root !default;
+$audio-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default;
+$audio-elevation: 0 !default;
+
+$audio-controls-height: 40px !default;
+$audio-controls-padding: 4px !default;
+$audio-controls-gap: 8px !default;
+$audio-controls-actions-gap: 0 !default;
+$audio-controls-volume-gap: 2px !default;
+$audio-controls-pill-gap: 8px !default;
+$audio-controls-pill-padding: 0 6px !default;
+$audio-controls-pill-border-radius: 99px !default;
+$audio-controls-pill-backdrop-filter: blur(5px) !default;
+$audio-controls-default-background-color: var(--v-theme-surface) !default;
+$audio-controls-default-background-opacity: .8 !default;
+$audio-controls-default-color: rgb(var(--v-theme-on-surface)) !default;
+$audio-controls-detached-offset: 12px !default;
+$audio-controls-detached-padding-inline: 12px !default;
+
+$audio-time-font-size: .875rem !default;
+$audio-time-line-height: 1 !default;
+$audio-time-letter-spacing: .02em !default;
+$audio-time-min-width: 5ch !default;
+$audio-volume-width: 112px !default;
+
+$audio-waveform-min-width: 80px !default;
+$audio-waveform-height: 32px !default;
+$audio-waveform-bar-width: 2px !default;
+$audio-waveform-bar-gap: 1px !default;
+$audio-waveform-bar-radius: 1px !default;
+$audio-waveform-bar-min-height: 1px !default;
+$audio-waveform-track-opacity: .3 !default;
+$audio-waveform-buffer-opacity: .15 !default;
+$audio-waveform-mirror-opacity: .4 !default;
+$audio-waveform-progress-transition: none !default;
+$audio-waveform-cursor-width: 1px !default;
+$audio-waveform-cursor-opacity: .5 !default;
+$audio-waveform-disabled-opacity: .38 !default;
+$audio-waveform-tooltip-background: rgba(var(--v-theme-surface-variant), .9) !default;
+$audio-waveform-tooltip-color: rgb(var(--v-theme-on-surface-variant)) !default;
+$audio-waveform-tooltip-font-size: .75rem !default;
+$audio-waveform-tooltip-padding: 2px 6px !default;
+$audio-waveform-tooltip-border-radius: 4px !default;
+$audio-waveform-tooltip-offset: 6px !default;
diff --git a/packages/vuetify/src/labs/VAudio/decode.ts b/packages/vuetify/src/labs/VAudio/decode.ts
new file mode 100644
index 00000000000..55d49efe21d
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/decode.ts
@@ -0,0 +1,51 @@
+// Utilities
+import { downsamplePeaks } from './peaks'
+
+// Types
+import type { SampleStrategy } from './peaks'
+
+const CACHE_LIMIT = 32
+const cache = new Map<string, number[]>()
+
+function remember (key: string, peaks: number[]) {
+  if (cache.size >= CACHE_LIMIT) {
+    const oldest = cache.keys().next()
+    if (!oldest.done) cache.delete(oldest.value)
+  }
+  cache.set(key, peaks)
+}
+
+export function getCachedPeaks (src: string, bars: number, strategy: SampleStrategy) {
+  return cache.get(`${src}:${bars}:${strategy}`)
+}
+
+// Peaks are cached un-normalized so toggling `normalize` never invalidates the entry.
+export async function decodePeaks (
+  src: string,
+  bars: number,
+  strategy: SampleStrategy,
+  signal: AbortSignal,
+): Promise<number[]> {
+  const key = `${src}:${bars}:${strategy}`
+  const cached = cache.get(key)
+  if (cached) return cached
+
+  const Ctor = window.AudioContext ?? (window as any).webkitAudioContext
+  if (!Ctor) throw new Error('Web Audio is unavailable')
+
+  const response = await fetch(src, { signal })
+  if (!response.ok) throw new Error(`Failed to fetch audio: ${response.status}`)
+
+  const buffer = await response.arrayBuffer()
+  if (signal.aborted) throw new DOMException('Aborted', 'AbortError')
+
+  const context: AudioContext = new Ctor()
+  try {
+    const decoded = await context.decodeAudioData(buffer)
+    const peaks = downsamplePeaks(decoded.getChannelData(0), bars, strategy)
+    remember(key, peaks)
+    return peaks
+  } finally {
+    context.close()
+  }
+}
diff --git a/packages/vuetify/src/labs/VAudio/index.ts b/packages/vuetify/src/labs/VAudio/index.ts
new file mode 100644
index 00000000000..fb8ae2461fa
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/index.ts
@@ -0,0 +1,3 @@
+export { VAudio } from './VAudio'
+export { VAudioControls } from './VAudioControls'
+export { VAudioWaveform } from './VAudioWaveform'
diff --git a/packages/vuetify/src/labs/VAudio/peaks.ts b/packages/vuetify/src/labs/VAudio/peaks.ts
new file mode 100644
index 00000000000..7905ed3bb15
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/peaks.ts
@@ -0,0 +1,52 @@
+// Utilities
+import { clamp } from '@/util'
+
+export type SampleStrategy = 'peak' | 'rms'
+
+export function downsamplePeaks (
+  data: ArrayLike<number>,
+  buckets: number,
+  strategy: SampleStrategy = 'peak',
+): number[] {
+  const length = data.length
+  const count = Math.floor(buckets)
+
+  if (!length || count <= 0) return []
+  if (length <= count) {
+    return Array.from({ length }, (_, i) => Math.abs(data[i]))
+  }
+
+  const bucketSize = Math.floor(length / count)
+  const peaks: number[] = []
+
+  for (let i = 0; i < count; i++) {
+    const start = i * bucketSize
+    const end = i === count - 1 ? length : start + bucketSize
+
+    if (strategy === 'rms') {
+      let sum = 0
+      for (let j = start; j < end; j++) sum += data[j] * data[j]
+      peaks.push(Math.sqrt(sum / (end - start)))
+    } else {
+      let max = 0
+      for (let j = start; j < end; j++) {
+        const v = Math.abs(data[j])
+        if (v > max) max = v
+      }
+      peaks.push(max)
+    }
+  }
+
+  return peaks
+}
+
+export function normalizePeaks (peaks: readonly number[]): number[] {
+  let max = 0
+  for (const peak of peaks) {
+    if (peak > max) max = peak
+  }
+
+  if (max <= 0) return peaks.map(() => 0)
+
+  return peaks.map(peak => clamp(peak / max, 0, 1))
+}
diff --git a/packages/vuetify/src/labs/VAudio/time.ts b/packages/vuetify/src/labs/VAudio/time.ts
new file mode 100644
index 00000000000..c570b1158e0
--- /dev/null
+++ b/packages/vuetify/src/labs/VAudio/time.ts
@@ -0,0 +1,15 @@
+// Utilities
+import { clamp, formatTime } from '@/util'
+
+export const PLACEHOLDER_TIME = '--:--'
+
+// Upstream `formatTime` guards nothing: negatives render as `-1:-5` and non-finite input
+// as `NaN:NaN`. Both are reachable here — `duration - elapsed` goes negative on a seek
+// past a rounded duration, and live streams report `Infinity`.
+export function formatDuration (seconds: number, duration = 0): string {
+  if (!Number.isFinite(seconds)) return PLACEHOLDER_TIME
+
+  const upper = Number.isFinite(duration) && duration > 0 ? duration : Number.POSITIVE_INFINITY
+
+  return formatTime(clamp(seconds, 0, upper))
+}
diff --git a/packages/vuetify/src/labs/components.ts b/packages/vuetify/src/labs/components.ts
index 87c99e489d4..06be1da029d 100644
--- a/packages/vuetify/src/labs/components.ts
+++ b/packages/vuetify/src/labs/components.ts
@@ -1,3 +1,4 @@
+export * from './VAudio'
 export * from './VAvatarGroup'
 export * from './VCommandPalette'
 export * from './VDateRangePicker'
diff --git a/packages/vuetify/src/locale/af.ts b/packages/vuetify/src/locale/af.ts
index e9453867fdb..7dfef3cc138 100644
--- a/packages/vuetify/src/locale/af.ts
+++ b/packages/vuetify/src/locale/af.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Sleutelbordkortpad: {0}',
     or: 'of',
   },
+  audio: {
+    play: 'Speel',
+    pause: 'Pouseer',
+    stop: 'Stop',
+    seek: 'Soek',
+    volume: 'Volume',
+    mute: 'Demp',
+    unmute: 'Ontdemp',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Speel',
     pause: 'Pouseer',
diff --git a/packages/vuetify/src/locale/ar.ts b/packages/vuetify/src/locale/ar.ts
index 6fc8555bda9..32599c9d382 100644
--- a/packages/vuetify/src/locale/ar.ts
+++ b/packages/vuetify/src/locale/ar.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'اختصار لوحة المفاتيح: {0}',
     or: 'أو',
   },
+  audio: {
+    play: 'تشغيل',
+    pause: 'إيقاف مؤقت',
+    stop: 'Stop',
+    seek: 'بحث',
+    volume: 'مستوى الصوت',
+    mute: 'كتم الصوت',
+    unmute: 'إلغاء كتم الصوت',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'تشغيل',
     pause: 'إيقاف مؤقت',
diff --git a/packages/vuetify/src/locale/az.ts b/packages/vuetify/src/locale/az.ts
index 52034a7e2f9..6dd2ef2b60f 100644
--- a/packages/vuetify/src/locale/az.ts
+++ b/packages/vuetify/src/locale/az.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Klaviatura qısayolu: {0}',
     or: 'və ya',
   },
+  audio: {
+    play: 'Oynat',
+    pause: 'Pauza',
+    stop: 'Stop',
+    seek: 'Axtar',
+    volume: 'Səs',
+    mute: 'Səsi kəs',
+    unmute: 'Səsi aç',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Oynat',
     pause: 'Pauza',
diff --git a/packages/vuetify/src/locale/bg.ts b/packages/vuetify/src/locale/bg.ts
index 8ae6e49c4a2..c4bd82f416c 100644
--- a/packages/vuetify/src/locale/bg.ts
+++ b/packages/vuetify/src/locale/bg.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Клавиатурна комбинация: {0}',
     or: 'или',
   },
+  audio: {
+    play: 'Пусни',
+    pause: 'Пауза',
+    stop: 'Stop',
+    seek: 'Търсене',
+    volume: 'Сила на звука',
+    mute: 'Без звук',
+    unmute: 'Включи звука',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Пусни',
     pause: 'Пауза',
diff --git a/packages/vuetify/src/locale/ca.ts b/packages/vuetify/src/locale/ca.ts
index 647afa4137b..b264909ea98 100644
--- a/packages/vuetify/src/locale/ca.ts
+++ b/packages/vuetify/src/locale/ca.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Drecera de teclat: {0}',
     or: 'o',
   },
+  audio: {
+    play: 'Reproduir',
+    pause: 'Paura',
+    stop: 'Stop',
+    seek: 'Cercar',
+    volume: 'Volum',
+    mute: 'Silenciar',
+    unmute: 'Activar so',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Reproduir',
     pause: 'Paura',
diff --git a/packages/vuetify/src/locale/ckb.ts b/packages/vuetify/src/locale/ckb.ts
index 142b539e28e..38a77e4f5fe 100644
--- a/packages/vuetify/src/locale/ckb.ts
+++ b/packages/vuetify/src/locale/ckb.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'کورتەبڕی تەختەکلیل: {0}',
     or: 'یان',
   },
+  audio: {
+    play: 'لێدان',
+    pause: 'ڕاگرتن',
+    stop: 'Stop',
+    seek: 'گەڕان',
+    volume: 'دەنگ',
+    mute: 'بێدەنگکردن',
+    unmute: 'لە بێدەنگی دەرهێنان',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'لێدان',
     pause: 'ڕاگرتن',
diff --git a/packages/vuetify/src/locale/cs.ts b/packages/vuetify/src/locale/cs.ts
index c963e3dcae2..4a72c65d081 100644
--- a/packages/vuetify/src/locale/cs.ts
+++ b/packages/vuetify/src/locale/cs.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Klávesová zkratka: {0}',
     or: 'nebo',
   },
+  audio: {
+    play: 'Přehrát',
+    pause: 'Pozastavit',
+    stop: 'Stop',
+    seek: 'Vyhledat',
+    volume: 'Hlasitost',
+    mute: 'Ztlumit',
+    unmute: 'Zrušit ztlumení',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Přehrát',
     pause: 'Pozastavit',
diff --git a/packages/vuetify/src/locale/da.ts b/packages/vuetify/src/locale/da.ts
index f52ef58b663..6a82a13be76 100644
--- a/packages/vuetify/src/locale/da.ts
+++ b/packages/vuetify/src/locale/da.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Tastaturgenvej: {0}',
     or: 'eller',
   },
+  audio: {
+    play: 'Afspil',
+    pause: 'Pause',
+    stop: 'Stop',
+    seek: 'Søg',
+    volume: 'Lydstyrke',
+    mute: 'Slå lyd fra',
+    unmute: 'Slå lyd til',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Afspil',
     pause: 'Pause',
diff --git a/packages/vuetify/src/locale/de.ts b/packages/vuetify/src/locale/de.ts
index e23811cbd80..2a0dbabdfa5 100644
--- a/packages/vuetify/src/locale/de.ts
+++ b/packages/vuetify/src/locale/de.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Tastenkürzel: {0}',
     or: 'oder',
   },
+  audio: {
+    play: 'Abspielen',
+    pause: 'Pause',
+    stop: 'Stop',
+    seek: 'Suchen',
+    volume: 'Lautstärke',
+    mute: 'Stummschalten',
+    unmute: 'Stummschaltung aufheben',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Abspielen',
     pause: 'Pause',
diff --git a/packages/vuetify/src/locale/el.ts b/packages/vuetify/src/locale/el.ts
index c272e2b8d84..d78c7f90881 100755
--- a/packages/vuetify/src/locale/el.ts
+++ b/packages/vuetify/src/locale/el.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Συντόμευση πληκτρολογίου: {0}',
     or: 'ή',
   },
+  audio: {
+    play: 'Αναπαραγωγή',
+    pause: 'Παύση',
+    stop: 'Stop',
+    seek: 'Αναζήτηση',
+    volume: 'Ένταση',
+    mute: 'Σίγαση',
+    unmute: 'Κατάργηση σίγασης',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Αναπαραγωγή',
     pause: 'Παύση',
diff --git a/packages/vuetify/src/locale/en.ts b/packages/vuetify/src/locale/en.ts
index 4fa7db92520..9faca96b183 100644
--- a/packages/vuetify/src/locale/en.ts
+++ b/packages/vuetify/src/locale/en.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Keyboard shortcut: {0}',
     or: 'or',
   },
+  audio: {
+    play: 'Play',
+    pause: 'Pause',
+    stop: 'Stop',
+    seek: 'Seek',
+    volume: 'Volume',
+    mute: 'Mute',
+    unmute: 'Unmute',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Play',
     pause: 'Pause',
diff --git a/packages/vuetify/src/locale/es.ts b/packages/vuetify/src/locale/es.ts
index 9049e0a4fc3..542f099a26c 100644
--- a/packages/vuetify/src/locale/es.ts
+++ b/packages/vuetify/src/locale/es.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Atajo de teclado: {0}',
     or: 'o',
   },
+  audio: {
+    play: 'Reproducir',
+    pause: 'Pausa',
+    stop: 'Stop',
+    seek: 'Buscar',
+    volume: 'Volumen',
+    mute: 'Silenciar',
+    unmute: 'Activar sonido',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Reproducir',
     pause: 'Pausa',
diff --git a/packages/vuetify/src/locale/et.ts b/packages/vuetify/src/locale/et.ts
index 6fe37643df5..3a222e1343e 100644
--- a/packages/vuetify/src/locale/et.ts
+++ b/packages/vuetify/src/locale/et.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Klaviatuuri otsetee: {0}',
     or: 'või',
   },
+  audio: {
+    play: 'Esita',
+    pause: 'Peata',
+    stop: 'Stop',
+    seek: 'Otsi',
+    volume: 'Helitugevus',
+    mute: 'Vaigista',
+    unmute: 'Lülita vaigistus välja',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Esita',
     pause: 'Peata',
diff --git a/packages/vuetify/src/locale/fa.ts b/packages/vuetify/src/locale/fa.ts
index b825eb5234a..ead93c267d9 100644
--- a/packages/vuetify/src/locale/fa.ts
+++ b/packages/vuetify/src/locale/fa.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'میانبر صفحه کلید: {0}',
     or: 'یا',
   },
+  audio: {
+    play: 'پخش',
+    pause: 'مکث',
+    stop: 'Stop',
+    seek: 'جستجو',
+    volume: 'صدا',
+    mute: 'بی‌صدا',
+    unmute: 'با صدا',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'پخش',
     pause: 'مکث',
diff --git a/packages/vuetify/src/locale/fi.ts b/packages/vuetify/src/locale/fi.ts
index 3903786358f..d69491fcbfc 100644
--- a/packages/vuetify/src/locale/fi.ts
+++ b/packages/vuetify/src/locale/fi.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Näppäinyhdistelmä: {0}',
     or: 'tai',
   },
+  audio: {
+    play: 'Toista',
+    pause: 'Tauko',
+    stop: 'Stop',
+    seek: 'Hae',
+    volume: 'Äänenvoimakkuus',
+    mute: 'Mykistä',
+    unmute: 'Poista mykistys',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Toista',
     pause: 'Tauko',
diff --git a/packages/vuetify/src/locale/fr.ts b/packages/vuetify/src/locale/fr.ts
index add6307fc36..1e6e4f384ba 100644
--- a/packages/vuetify/src/locale/fr.ts
+++ b/packages/vuetify/src/locale/fr.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Raccourci clavier : {0}',
     or: 'ou',
   },
+  audio: {
+    play: 'Lire',
+    pause: 'Pause',
+    stop: 'Stop',
+    seek: 'Chercher',
+    volume: 'Volume',
+    mute: 'Muet',
+    unmute: 'Activer le son',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Lire',
     pause: 'Pause',
diff --git a/packages/vuetify/src/locale/he.ts b/packages/vuetify/src/locale/he.ts
index 5e71241f4d5..e8403460891 100644
--- a/packages/vuetify/src/locale/he.ts
+++ b/packages/vuetify/src/locale/he.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'קיצור דרך במקלדת: {0}',
     or: 'או',
   },
+  audio: {
+    play: 'נגן',
+    pause: 'השהה',
+    stop: 'Stop',
+    seek: 'חפש',
+    volume: 'עוצמת שמע',
+    mute: 'השתק',
+    unmute: 'בטל השתקה',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'נגן',
     pause: 'השהה',
diff --git a/packages/vuetify/src/locale/hr.ts b/packages/vuetify/src/locale/hr.ts
index 4f460c578a6..cb78af37652 100644
--- a/packages/vuetify/src/locale/hr.ts
+++ b/packages/vuetify/src/locale/hr.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Tipkovnička prečica: {0}',
     or: 'ili',
   },
+  audio: {
+    play: 'Reproduciraj',
+    pause: 'Pauziraj',
+    stop: 'Stop',
+    seek: 'Traži',
+    volume: 'Glasnoća',
+    mute: 'Isključi zvuk',
+    unmute: 'Uključi zvuk',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Reproduciraj',
     pause: 'Pauziraj',
diff --git a/packages/vuetify/src/locale/hu.ts b/packages/vuetify/src/locale/hu.ts
index 83f6be6c900..87b59e15785 100644
--- a/packages/vuetify/src/locale/hu.ts
+++ b/packages/vuetify/src/locale/hu.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Billentyűparancs: {0}',
     or: 'vagy',
   },
+  audio: {
+    play: 'Lejátszás',
+    pause: 'Szünet',
+    stop: 'Stop',
+    seek: 'Keresés',
+    volume: 'Hangerő',
+    mute: 'Némítás',
+    unmute: 'Némítás feloldása',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Lejátszás',
     pause: 'Szünet',
diff --git a/packages/vuetify/src/locale/id.ts b/packages/vuetify/src/locale/id.ts
index 837adabcb77..cfeaf0e5b3a 100644
--- a/packages/vuetify/src/locale/id.ts
+++ b/packages/vuetify/src/locale/id.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Pintasan keyboard: {0}',
     or: 'atau',
   },
+  audio: {
+    play: 'Putar',
+    pause: 'Jeda',
+    stop: 'Stop',
+    seek: 'Cari',
+    volume: 'Volume',
+    mute: 'Bisukan',
+    unmute: 'Bunyikan',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Putar',
     pause: 'Jeda',
diff --git a/packages/vuetify/src/locale/it.ts b/packages/vuetify/src/locale/it.ts
index 5384eae4133..75c5aac1941 100644
--- a/packages/vuetify/src/locale/it.ts
+++ b/packages/vuetify/src/locale/it.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Scorciatoia da tastiera: {0}',
     or: 'o',
   },
+  audio: {
+    play: 'Riproduci',
+    pause: 'Metti in pausa',
+    stop: 'Stop',
+    seek: 'Cerca',
+    volume: 'Volume',
+    mute: 'Muto',
+    unmute: 'Riattiva audio',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Riproduci',
     pause: 'Metti in pausa',
diff --git a/packages/vuetify/src/locale/ja.ts b/packages/vuetify/src/locale/ja.ts
index 0f659cc2fae..2df5c472b46 100644
--- a/packages/vuetify/src/locale/ja.ts
+++ b/packages/vuetify/src/locale/ja.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'キーボードショートカット: {0}',
     or: 'または',
   },
+  audio: {
+    play: '再生',
+    pause: '一時停止',
+    stop: 'Stop',
+    seek: 'シーク',
+    volume: '音量',
+    mute: 'ミュート',
+    unmute: 'ミュート解除',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: '再生',
     pause: '一時停止',
diff --git a/packages/vuetify/src/locale/km.ts b/packages/vuetify/src/locale/km.ts
index 82304e63e50..8afed24f373 100644
--- a/packages/vuetify/src/locale/km.ts
+++ b/packages/vuetify/src/locale/km.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'គ្រាប់ចុចរហ័ស: {0}',
     or: 'ឬ',
   },
+  audio: {
+    play: 'លេង',
+    pause: 'ផ្អាក',
+    stop: 'Stop',
+    seek: 'ស្វែងរក',
+    volume: 'កម្រិតសំឡេង',
+    mute: 'បិទសំឡេង',
+    unmute: 'បើក​សំឡេង',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'លេង',
     pause: 'ផ្អាក',
diff --git a/packages/vuetify/src/locale/ko.ts b/packages/vuetify/src/locale/ko.ts
index 70811cb5e84..2ab38988652 100644
--- a/packages/vuetify/src/locale/ko.ts
+++ b/packages/vuetify/src/locale/ko.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: '키보드 단축키: {0}',
     or: '또는',
   },
+  audio: {
+    play: '재생',
+    pause: '일시정지',
+    stop: 'Stop',
+    seek: '탐색',
+    volume: '볼륨',
+    mute: '음소거',
+    unmute: '음소거 해제',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: '재생',
     pause: '일시정지',
diff --git a/packages/vuetify/src/locale/lt.ts b/packages/vuetify/src/locale/lt.ts
index 02cc60e10a6..83e8ed5e366 100644
--- a/packages/vuetify/src/locale/lt.ts
+++ b/packages/vuetify/src/locale/lt.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Klaviatūros trumpinys: {0}',
     or: 'arba',
   },
+  audio: {
+    play: 'Groti',
+    pause: 'Pauzė',
+    stop: 'Stop',
+    seek: 'Ieškoti',
+    volume: 'Garsumas',
+    mute: 'Nutildyti',
+    unmute: 'Įjungti garsą',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Groti',
     pause: 'Pauzė',
diff --git a/packages/vuetify/src/locale/lv.ts b/packages/vuetify/src/locale/lv.ts
index 98903ef75c9..1da9303baad 100644
--- a/packages/vuetify/src/locale/lv.ts
+++ b/packages/vuetify/src/locale/lv.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Tastatūras saīsne: {0}',
     or: 'vai',
   },
+  audio: {
+    play: 'Atskaņot',
+    pause: 'Pauzēt',
+    stop: 'Stop',
+    seek: 'Meklēt',
+    volume: 'Skaļums',
+    mute: 'Izslēgt skaņu',
+    unmute: 'Ieslēgt skaņu',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Atskaņot',
     pause: 'Pauzēt',
diff --git a/packages/vuetify/src/locale/nl.ts b/packages/vuetify/src/locale/nl.ts
index eda21e5541d..a3ac9f8cddc 100644
--- a/packages/vuetify/src/locale/nl.ts
+++ b/packages/vuetify/src/locale/nl.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Toetsenbordsnelkoppeling: {0}',
     or: 'of',
   },
+  audio: {
+    play: 'Afspelen',
+    pause: 'Pauzeren',
+    stop: 'Stop',
+    seek: 'Zoeken',
+    volume: 'Volume',
+    mute: 'Dempen',
+    unmute: 'Dempen opheffen',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Afspelen',
     pause: 'Pauzeren',
diff --git a/packages/vuetify/src/locale/no.ts b/packages/vuetify/src/locale/no.ts
index 94846423b8d..a414bd12474 100644
--- a/packages/vuetify/src/locale/no.ts
+++ b/packages/vuetify/src/locale/no.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Tastatursnarveier: {0}',
     or: 'eller',
   },
+  audio: {
+    play: 'Spill av',
+    pause: 'Pause',
+    stop: 'Stop',
+    seek: 'Søk',
+    volume: 'Volum',
+    mute: ' Demp',
+    unmute: 'Slå på lyd',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Spill av',
     pause: 'Pause',
diff --git a/packages/vuetify/src/locale/pl.ts b/packages/vuetify/src/locale/pl.ts
index 8c2a71189d1..83aa9837fd3 100644
--- a/packages/vuetify/src/locale/pl.ts
+++ b/packages/vuetify/src/locale/pl.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Skrót klawiszowy: {0}',
     or: 'lub',
   },
+  audio: {
+    play: 'Odtwórz',
+    pause: 'Wstrzymaj',
+    stop: 'Stop',
+    seek: 'Przewiń',
+    volume: 'Głośność',
+    mute: 'Wycisz',
+    unmute: 'Wyłącz wyciszenie',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Odtwórz',
     pause: 'Wstrzymaj',
diff --git a/packages/vuetify/src/locale/pt.ts b/packages/vuetify/src/locale/pt.ts
index 82fcdd1ac9f..3dd8523677d 100644
--- a/packages/vuetify/src/locale/pt.ts
+++ b/packages/vuetify/src/locale/pt.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Atalho de teclado: {0}',
     or: 'ou',
   },
+  audio: {
+    play: 'Reproduzir',
+    pause: 'Pausar',
+    stop: 'Stop',
+    seek: 'Buscar',
+    volume: 'Volume',
+    mute: 'Silenciar',
+    unmute: 'Ativar som',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Reproduzir',
     pause: 'Pausar',
diff --git a/packages/vuetify/src/locale/ro.ts b/packages/vuetify/src/locale/ro.ts
index 2f1d649c5dd..76b31602ff7 100644
--- a/packages/vuetify/src/locale/ro.ts
+++ b/packages/vuetify/src/locale/ro.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Comandă rapidă tastatură: {0}',
     or: 'sau',
   },
+  audio: {
+    play: 'Redare',
+    pause: 'Pauză',
+    stop: 'Stop',
+    seek: 'Căutare',
+    volume: 'Volum',
+    mute: 'Fără sunet',
+    unmute: 'Cu sunet',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Redare',
     pause: 'Pauză',
diff --git a/packages/vuetify/src/locale/ru.ts b/packages/vuetify/src/locale/ru.ts
index 18501a8db1f..c587fc5e36c 100644
--- a/packages/vuetify/src/locale/ru.ts
+++ b/packages/vuetify/src/locale/ru.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Сочетание клавиш: {0}',
     or: 'или',
   },
+  audio: {
+    play: 'Воспроизвести',
+    pause: 'Пауза',
+    stop: 'Stop',
+    seek: 'Перемотка',
+    volume: 'Громкость',
+    mute: 'Отключить звук',
+    unmute: 'Включить звук',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Воспроизвести',
     pause: 'Пауза',
diff --git a/packages/vuetify/src/locale/sk.ts b/packages/vuetify/src/locale/sk.ts
index 811eb5f1675..6da7e55a49e 100644
--- a/packages/vuetify/src/locale/sk.ts
+++ b/packages/vuetify/src/locale/sk.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Klávesová skratka: {0}',
     or: 'alebo',
   },
+  audio: {
+    play: 'Prehrať',
+    pause: 'Pozastaviť',
+    stop: 'Stop',
+    seek: 'Vyhľadať',
+    volume: 'Hlasitosť',
+    mute: 'Stlmiť',
+    unmute: 'Zrušiť stlmenie',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Prehrať',
     pause: 'Pozastaviť',
diff --git a/packages/vuetify/src/locale/sl.ts b/packages/vuetify/src/locale/sl.ts
index 87496de1ae2..53bf5bd273e 100644
--- a/packages/vuetify/src/locale/sl.ts
+++ b/packages/vuetify/src/locale/sl.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Tipkovnična bližnjica: {0}',
     or: 'ali',
   },
+  audio: {
+    play: 'Predvajaj',
+    pause: 'Zaustavi',
+    stop: 'Stop',
+    seek: 'Išči',
+    volume: 'Glasnost',
+    mute: 'Utišaj',
+    unmute: 'Vklopi zvok',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Predvajaj',
     pause: 'Zaustavi',
diff --git a/packages/vuetify/src/locale/sr-Cyrl.ts b/packages/vuetify/src/locale/sr-Cyrl.ts
index 2f33f56215d..915128f1ca6 100644
--- a/packages/vuetify/src/locale/sr-Cyrl.ts
+++ b/packages/vuetify/src/locale/sr-Cyrl.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Пречица на тастатури: {0}',
     or: 'или',
   },
+  audio: {
+    play: 'Пусти',
+    pause: 'Паузирај',
+    stop: 'Stop',
+    seek: 'Тражи',
+    volume: 'Јачина звука',
+    mute: 'Искључи звук',
+    unmute: 'Укључи звук',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Пусти',
     pause: 'Паузирај',
diff --git a/packages/vuetify/src/locale/sr-Latn.ts b/packages/vuetify/src/locale/sr-Latn.ts
index b16a100147c..2c823dd2eda 100644
--- a/packages/vuetify/src/locale/sr-Latn.ts
+++ b/packages/vuetify/src/locale/sr-Latn.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Prečica na tastaturi: {0}',
     or: 'ili',
   },
+  audio: {
+    play: 'Reprodukuj',
+    pause: 'Pauziraj',
+    stop: 'Stop',
+    seek: 'Traži',
+    volume: 'Jačina zvuka',
+    mute: 'Isključi zvuk',
+    unmute: 'Uključi zvuk',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Reprodukuj',
     pause: 'Pauziraj',
diff --git a/packages/vuetify/src/locale/sv.ts b/packages/vuetify/src/locale/sv.ts
index ae36fe3b54f..e7469cf79c2 100644
--- a/packages/vuetify/src/locale/sv.ts
+++ b/packages/vuetify/src/locale/sv.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Tangentbordsgenväg: {0}',
     or: 'eller',
   },
+  audio: {
+    play: 'Spela upp',
+    pause: 'Pausa',
+    stop: 'Stop',
+    seek: 'Sök',
+    volume: 'Volym',
+    mute: 'Stäng av ljud',
+    unmute: 'Slå på ljud',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Spela upp',
     pause: 'Pausa',
diff --git a/packages/vuetify/src/locale/th.ts b/packages/vuetify/src/locale/th.ts
index c313add7e29..d3d1a6d9ca2 100644
--- a/packages/vuetify/src/locale/th.ts
+++ b/packages/vuetify/src/locale/th.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'ทางลัดแป้นพิมพ์: {0}',
     or: 'หรือ',
   },
+  audio: {
+    play: 'เล่น',
+    pause: 'หยุดชั่วคราว',
+    stop: 'Stop',
+    seek: 'ค้นหา',
+    volume: 'ระดับเสียง',
+    mute: 'ปิดเสียง',
+    unmute: 'เปิดเสียง',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'เล่น',
     pause: 'หยุดชั่วคราว',
diff --git a/packages/vuetify/src/locale/tr.ts b/packages/vuetify/src/locale/tr.ts
index c65d01233a7..093b4e53cbb 100644
--- a/packages/vuetify/src/locale/tr.ts
+++ b/packages/vuetify/src/locale/tr.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Klavye kısayolu: {0}',
     or: 'veya',
   },
+  audio: {
+    play: 'Oynat',
+    pause: 'Duraklat',
+    stop: 'Stop',
+    seek: 'Ara',
+    volume: 'Ses',
+    mute: 'Sesi kapat',
+    unmute: 'Sesi aç',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Oynat',
     pause: 'Duraklat',
diff --git a/packages/vuetify/src/locale/uk.ts b/packages/vuetify/src/locale/uk.ts
index 6a75fa85c2f..4b3c42ce01b 100644
--- a/packages/vuetify/src/locale/uk.ts
+++ b/packages/vuetify/src/locale/uk.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Комбінація клавіш: {0}',
     or: 'або',
   },
+  audio: {
+    play: 'Відтворити',
+    pause: 'Пауза',
+    stop: 'Stop',
+    seek: 'Позиція відтворення',
+    volume: 'Гучність',
+    mute: 'Вимкнути звук',
+    unmute: 'Увімкнути звук',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Відтворити',
     pause: 'Пауза',
diff --git a/packages/vuetify/src/locale/vi.ts b/packages/vuetify/src/locale/vi.ts
index f3ed75ed982..f81799fb37e 100644
--- a/packages/vuetify/src/locale/vi.ts
+++ b/packages/vuetify/src/locale/vi.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: 'Phím tắt: {0}',
     or: 'hoặc',
   },
+  audio: {
+    play: 'Phát',
+    pause: 'Tạm dừng',
+    stop: 'Stop',
+    seek: 'Tìm kiếm',
+    volume: 'Âm lượng',
+    mute: 'Tắt tiếng',
+    unmute: 'Bật tiếng',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: 'Phát',
     pause: 'Tạm dừng',
diff --git a/packages/vuetify/src/locale/zh-Hans.ts b/packages/vuetify/src/locale/zh-Hans.ts
index e4ddd8ef131..a1f6240bb02 100644
--- a/packages/vuetify/src/locale/zh-Hans.ts
+++ b/packages/vuetify/src/locale/zh-Hans.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: '键盘快捷键：{0}',
     or: '或',
   },
+  audio: {
+    play: '播放',
+    pause: '暂停',
+    stop: 'Stop',
+    seek: '跳转',
+    volume: '音量',
+    mute: '静音',
+    unmute: '取消静音',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: '播放',
     pause: '暂停',
diff --git a/packages/vuetify/src/locale/zh-Hant.ts b/packages/vuetify/src/locale/zh-Hant.ts
index 772b7d06404..5c545bd4514 100644
--- a/packages/vuetify/src/locale/zh-Hant.ts
+++ b/packages/vuetify/src/locale/zh-Hant.ts
@@ -174,6 +174,20 @@ export default {
     shortcut: '鍵盤快捷鍵：{0}',
     or: '或',
   },
+  audio: {
+    play: '播放',
+    pause: '暫停',
+    stop: 'Stop',
+    seek: '搜尋',
+    volume: '音量',
+    mute: '靜音',
+    unmute: '取消靜音',
+    download: 'Download',
+    skipForward: 'Skip forward {0} seconds',
+    skipBackward: 'Skip back {0} seconds',
+    playbackRate: 'Playback speed',
+    error: 'This audio file could not be played.',
+  },
   video: {
     play: '播放',
     pause: '暫停',

From 620e2bda7377ce534c5b0f67b631f1ba0458f22e Mon Sep 17 00:00:00 2001
From: Alberto Miconi <radiobros26@gmail.com>
Date: Thu, 3 Sep 2026 23:39:48 +0200
Subject: [PATCH 2/3] refactor(VAudio): apply maintainer review
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove the fetch/decode pipeline. `peaks` is supplied by the consumer; a
missing array draws the placeholder track, which still seeks and still
shows progress. Deleting the Web Audio path also removes the CORS caveat
and the per-mount cost of decoding a whole file.

Support stacked layouts. `variant` gains `waveform-top` and
`waveform-bottom`, resolved in sass with a wrapping row and one `order`
rule — the same way VVideoControls resolves `tube`, and with an identical
render tree in every variant.

Drop the download action. It was one button with one hardcoded behaviour;
a link in the `append` slot covers it and stays a real anchor. Removes the
prop, icon prop, `click:download` emit, locale key and `$download` alias.

Fix the remaining untranslated strings. VAudioWaveform now labels itself
so it is not an unlabelled slider when used standalone, and the playback
rate suffix and remaining-time sign become `playbackRateValue` and
`remainingTime` keys rather than literals.

Unify the media icon aliases. `IconAliases` declares the media group
(`play`, `pause`, `stop`, `skipForward`, `skipBackward`, `fullscreen`,
`fullscreenExit`, `volume*`) instead of leaving it to the interface's index
signature — every alias-defining iconset already supplies all of them, so
this changes no behaviour but makes an omission a type error rather than a
blank button. The volume button also walks the same four-step ladder as
VVideoVolume instead of using two of the four volume aliases.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 .../api-generator/src/locale/en/VAudio.json   |  5 +-
 .../src/locale/en/VAudioControls.json         |  9 +--
 .../docs/src/examples/v-audio/prop-layout.vue | 52 ++++++++++++++
 .../docs/src/examples/v-audio/slot-append.vue | 39 +++++++++++
 .../src/pages/en/components/audio-players.md  | 14 +++-
 packages/vuetify/src/composables/icons.tsx    | 15 ++++
 packages/vuetify/src/iconsets/bx.ts           |  1 -
 packages/vuetify/src/iconsets/carbon.ts       |  1 -
 packages/vuetify/src/iconsets/fa.ts           |  1 -
 packages/vuetify/src/iconsets/fa4.ts          |  1 -
 packages/vuetify/src/iconsets/fa6.ts          |  1 -
 packages/vuetify/src/iconsets/lucide.ts       |  1 -
 packages/vuetify/src/iconsets/md.ts           |  1 -
 packages/vuetify/src/iconsets/mdi-svg.ts      |  1 -
 packages/vuetify/src/iconsets/mdi-unocss.ts   |  1 -
 packages/vuetify/src/iconsets/mdi.ts          |  1 -
 packages/vuetify/src/iconsets/ms.ts           |  1 -
 packages/vuetify/src/iconsets/ph.ts           |  1 -
 packages/vuetify/src/iconsets/ri.ts           |  1 -
 packages/vuetify/src/iconsets/tabler.ts       |  1 -
 packages/vuetify/src/labs/VAudio/VAudio.tsx   | 69 ++-----------------
 .../src/labs/VAudio/VAudioControls.sass       | 25 +++++++
 .../src/labs/VAudio/VAudioControls.tsx        | 65 ++++++++---------
 .../src/labs/VAudio/VAudioWaveform.tsx        |  4 +-
 .../VAudio/__tests__/VAudio.spec.browser.tsx  | 63 +++++++++++++++++
 .../src/labs/VAudio/__tests__/api.spec.ts     | 12 +++-
 packages/vuetify/src/labs/VAudio/decode.ts    | 51 --------------
 packages/vuetify/src/locale/af.ts             |  3 +-
 packages/vuetify/src/locale/ar.ts             |  3 +-
 packages/vuetify/src/locale/az.ts             |  3 +-
 packages/vuetify/src/locale/bg.ts             |  3 +-
 packages/vuetify/src/locale/ca.ts             |  3 +-
 packages/vuetify/src/locale/ckb.ts            |  3 +-
 packages/vuetify/src/locale/cs.ts             |  3 +-
 packages/vuetify/src/locale/da.ts             |  3 +-
 packages/vuetify/src/locale/de.ts             |  3 +-
 packages/vuetify/src/locale/el.ts             |  3 +-
 packages/vuetify/src/locale/en.ts             |  3 +-
 packages/vuetify/src/locale/es.ts             |  3 +-
 packages/vuetify/src/locale/et.ts             |  3 +-
 packages/vuetify/src/locale/fa.ts             |  3 +-
 packages/vuetify/src/locale/fi.ts             |  3 +-
 packages/vuetify/src/locale/fr.ts             |  3 +-
 packages/vuetify/src/locale/he.ts             |  3 +-
 packages/vuetify/src/locale/hr.ts             |  3 +-
 packages/vuetify/src/locale/hu.ts             |  3 +-
 packages/vuetify/src/locale/id.ts             |  3 +-
 packages/vuetify/src/locale/it.ts             |  3 +-
 packages/vuetify/src/locale/ja.ts             |  3 +-
 packages/vuetify/src/locale/km.ts             |  3 +-
 packages/vuetify/src/locale/ko.ts             |  3 +-
 packages/vuetify/src/locale/lt.ts             |  3 +-
 packages/vuetify/src/locale/lv.ts             |  3 +-
 packages/vuetify/src/locale/nl.ts             |  3 +-
 packages/vuetify/src/locale/no.ts             |  3 +-
 packages/vuetify/src/locale/pl.ts             |  3 +-
 packages/vuetify/src/locale/pt.ts             |  3 +-
 packages/vuetify/src/locale/ro.ts             |  3 +-
 packages/vuetify/src/locale/ru.ts             |  3 +-
 packages/vuetify/src/locale/sk.ts             |  3 +-
 packages/vuetify/src/locale/sl.ts             |  3 +-
 packages/vuetify/src/locale/sr-Cyrl.ts        |  3 +-
 packages/vuetify/src/locale/sr-Latn.ts        |  3 +-
 packages/vuetify/src/locale/sv.ts             |  3 +-
 packages/vuetify/src/locale/th.ts             |  3 +-
 packages/vuetify/src/locale/tr.ts             |  3 +-
 packages/vuetify/src/locale/uk.ts             |  3 +-
 packages/vuetify/src/locale/vi.ts             |  3 +-
 packages/vuetify/src/locale/zh-Hans.ts        |  3 +-
 packages/vuetify/src/locale/zh-Hant.ts        |  3 +-
 70 files changed, 347 insertions(+), 219 deletions(-)
 create mode 100644 packages/docs/src/examples/v-audio/prop-layout.vue
 create mode 100644 packages/docs/src/examples/v-audio/slot-append.vue
 delete mode 100644 packages/vuetify/src/labs/VAudio/decode.ts

diff --git a/packages/api-generator/src/locale/en/VAudio.json b/packages/api-generator/src/locale/en/VAudio.json
index d6439ce2e40..0bd9a087860 100644
--- a/packages/api-generator/src/locale/en/VAudio.json
+++ b/packages/api-generator/src/locale/en/VAudio.json
@@ -4,7 +4,7 @@
     "src": "Media file URL",
     "srcObject": "Sets the source to a MediaStream, MediaSource, or Blob object. Live streams report an infinite duration, so the time display shows elapsed only and the waveform falls back to a placeholder track.",
     "type": "Media file type (optional). When set, the source is rendered as a nested `<source>` element so the hint is honoured.",
-    "crossorigin": "Forwarded to the native audio element. Required, together with CORS response headers from the media host, before peaks can be decoded from a cross-origin file.",
+    "crossorigin": "Forwarded to the native audio element. Needed only when the element itself is routed into a Web Audio graph by the consumer.",
     "preload": "Forwarded to the native audio element. The default `metadata` obtains the duration without downloading the whole file.",
     "currentTime": "Playback position in seconds. Writing to it seeks; it stays in sync with `progress`, which expresses the same position as a percentage.",
     "error": "Puts the component in the manual error state.",
@@ -16,7 +16,8 @@
     "disabled": "Removes all interaction and dims the component.",
     "seekTarget": "Which surface responds to a click when no waveform is shown. A visible waveform is always the seek surface, so `container` takes effect together with `hide-waveform` — that combination makes the whole component click-to-seek. `none` disables seeking entirely.",
     "rounded": "Applies a border radius to the container and the controls. Accepts an array of two values to customize the elements separately.",
-    "controlsProps": "Pass props through to the `v-audio-controls` component. Accepts an object with anything from [v-audio-controls](/api/v-audio-controls/#props) props, camelCase keys are recommended."
+    "controlsProps": "Pass props through to the `v-audio-controls` component. Accepts an object with anything from [v-audio-controls](/api/v-audio-controls/#props) props, camelCase keys are recommended.",
+    "peaks": "Waveform amplitudes, nominally 0-1 and one per bar. Generate them where the file is produced; without them a flat placeholder track is drawn."
   },
   "events": {
     "loaded": "Emitted when the audio has loaded its metadata and is ready to be played.",
diff --git a/packages/api-generator/src/locale/en/VAudioControls.json b/packages/api-generator/src/locale/en/VAudioControls.json
index abf9c0c13b2..9b15d25fda0 100644
--- a/packages/api-generator/src/locale/en/VAudioControls.json
+++ b/packages/api-generator/src/locale/en/VAudioControls.json
@@ -7,22 +7,20 @@
     "volume": "Volume value passed to the underlying control and slots.",
     "playbackRate": "Current playback rate. Only meaningful together with `playbackRates`.",
     "playbackRates": "Rates offered by the playback speed menu. Leaving it empty hides the menu.",
-    "variant": "Layout of the control bar. `mini` renders play and time only; `hidden` renders nothing.",
+    "variant": "Layout of the control bar. `waveform-top` and `waveform-bottom` move the waveform onto its own row above or below the actions; `mini` renders play and time only; `hidden` renders nothing.",
     "hidePlay": "Hides the default play button.",
     "hideStop": "Hides the default stop button.",
     "hideVolume": "Hides the default volume control.",
     "hideTime": "Hides the time display.",
     "hideWaveform": "Hides the waveform. With `seek-target=\"container\"` this turns the whole component into the seek surface.",
     "skipInterval": "Seconds moved by the skip buttons. `0` hides them. The value is announced in the buttons' labels.",
-    "download": "Shows a download button. A string value is used as the downloaded file name.",
     "splitTime": "Splits time into elapsed and remaining on each side of the waveform.",
     "timeDisplay": "Format of the single time display. Ignored when `split-time` is set.",
     "playIcon": "Icon used for the play action.",
     "pauseIcon": "Icon used for the pause action.",
     "stopIcon": "Icon used for the stop action.",
-    "volumeIcon": "Icon used when audio is audible.",
+    "volumeIcon": "Icon used when the volume is above zero. Unset, the icon steps through the volume aliases as the level changes.",
     "muteIcon": "Icon used when audio is muted.",
-    "downloadIcon": "Icon used for the download action.",
     "skipForwardIcon": "Icon used for the skip forward action.",
     "skipBackwardIcon": "Icon used for the skip backward action.",
     "color": "General color applied to icons, the played waveform and sliders.",
@@ -40,8 +38,7 @@
     "skip": "Emitted when a skip action is triggered. Carries the target position as a percentage.",
     "scrubStart": "Emitted when the user starts dragging the waveform.",
     "scrubEnd": "Emitted when the user stops dragging the waveform.",
-    "click:stop": "Emitted when the stop button is clicked.",
-    "click:download": "Emitted when the download button is clicked."
+    "click:stop": "Emitted when the stop button is clicked."
   },
   "slots": {
     "default": "Replaces the entire contents of the control bar.",
diff --git a/packages/docs/src/examples/v-audio/prop-layout.vue b/packages/docs/src/examples/v-audio/prop-layout.vue
new file mode 100644
index 00000000000..dd460e52b53
--- /dev/null
+++ b/packages/docs/src/examples/v-audio/prop-layout.vue
@@ -0,0 +1,52 @@
+<template>
+  <v-container class="d-flex flex-column ga-6">
+    <div>
+      <div class="text-subtitle-2 mb-2">Default — inline</div>
+      <v-audio :peaks="peaks" :src="src" max-width="520"></v-audio>
+    </div>
+
+    <div>
+      <div class="text-subtitle-2 mb-2">Waveform above the actions</div>
+      <v-audio
+        :peaks="peaks"
+        :src="src"
+        max-width="520"
+        variant="waveform-top"
+      ></v-audio>
+    </div>
+
+    <div>
+      <div class="text-subtitle-2 mb-2">Waveform below the actions</div>
+      <v-audio
+        :peaks="peaks"
+        :src="src"
+        max-width="520"
+        variant="waveform-bottom"
+      ></v-audio>
+    </div>
+  </v-container>
+</template>
+
+<script setup>
+  const src = 'https://cdn.freesound.org/previews/612/612095_5674468-lq.mp3'
+  const peaks = [
+    0.35, 0.57, 0.69, 0.85, 0.61, 0.43, 0.53, 0.36,
+    0.02, 0.01, 0.03, 0.01, 0.41, 0.65, 1.00, 0.68,
+    0.75, 0.25, 0.38, 0.48, 0.32, 0.02, 0.01, 0.02,
+    0.29, 0.48, 0.87, 0.21, 0.33, 0.53, 0.83, 0.98,
+  ]
+</script>
+
+<script>
+  export default {
+    data: () => ({
+      src: 'https://cdn.freesound.org/previews/612/612095_5674468-lq.mp3',
+      peaks: [
+        0.35, 0.57, 0.69, 0.85, 0.61, 0.43, 0.53, 0.36,
+        0.02, 0.01, 0.03, 0.01, 0.41, 0.65, 1.00, 0.68,
+        0.75, 0.25, 0.38, 0.48, 0.32, 0.02, 0.01, 0.02,
+        0.29, 0.48, 0.87, 0.21, 0.33, 0.53, 0.83, 0.98,
+      ],
+    }),
+  }
+</script>
diff --git a/packages/docs/src/examples/v-audio/slot-append.vue b/packages/docs/src/examples/v-audio/slot-append.vue
new file mode 100644
index 00000000000..9d98d2cf467
--- /dev/null
+++ b/packages/docs/src/examples/v-audio/slot-append.vue
@@ -0,0 +1,39 @@
+<template>
+  <v-container>
+    <v-audio :peaks="peaks" :src="src" max-width="520">
+      <template v-slot:append>
+        <v-btn
+          :href="src"
+          density="comfortable"
+          icon="mdi-download"
+          variant="text"
+          download
+        ></v-btn>
+      </template>
+    </v-audio>
+  </v-container>
+</template>
+
+<script setup>
+  const src = 'https://cdn.freesound.org/previews/612/612095_5674468-lq.mp3'
+  const peaks = [
+    0.35, 0.57, 0.69, 0.85, 0.61, 0.43, 0.53, 0.36,
+    0.02, 0.01, 0.03, 0.01, 0.41, 0.65, 1.00, 0.68,
+    0.75, 0.25, 0.38, 0.48, 0.32, 0.02, 0.01, 0.02,
+    0.29, 0.48, 0.87, 0.21, 0.33, 0.53, 0.83, 0.98,
+  ]
+</script>
+
+<script>
+  export default {
+    data: () => ({
+      src: 'https://cdn.freesound.org/previews/612/612095_5674468-lq.mp3',
+      peaks: [
+        0.35, 0.57, 0.69, 0.85, 0.61, 0.43, 0.53, 0.36,
+        0.02, 0.01, 0.03, 0.01, 0.41, 0.65, 1.00, 0.68,
+        0.75, 0.25, 0.38, 0.48, 0.32, 0.02, 0.01, 0.02,
+        0.29, 0.48, 0.87, 0.21, 0.33, 0.53, 0.83, 0.98,
+      ],
+    }),
+  }
+</script>
diff --git a/packages/docs/src/pages/en/components/audio-players.md b/packages/docs/src/pages/en/components/audio-players.md
index 8e6d317a176..eb39f0159da 100644
--- a/packages/docs/src/pages/en/components/audio-players.md
+++ b/packages/docs/src/pages/en/components/audio-players.md
@@ -66,7 +66,7 @@ All attributes that are not explicitly defined in the component API (`autoplay`,
 
 The waveform is drawn from an array of amplitude values, one per bar, each between 0 and 1.
 
-Supplying **peaks** is the recommended path in production. The component can also derive them itself by fetching the file and decoding it with the Web Audio API, but that requires the media host to send CORS headers, and it downloads and decompresses the entire file — around 10 MB of memory per minute of audio. A table of recordings that each decode on mount is expensive. Peaks computed once at upload time cost nothing at render, work for cross-origin media, and are safe to render on the server.
+You supply the values; the component never downloads or decodes the media to derive them. Reading a whole file to compute peaks costs a full download plus a decode that decompresses it into memory — around 10 MB per minute of audio — and it is impossible anyway for any host that does not send CORS headers. Compute them once where the file is produced, store them alongside it, and rendering costs nothing and works on the server. Without peaks the component draws a flat placeholder track that still seeks and still shows progress.
 
 <ExamplesExample file="v-audio/prop-peaks" />
 
@@ -76,6 +76,12 @@ A visible waveform is always the seek surface. The **seek-target** prop decides
 
 <ExamplesExample file="v-audio/prop-seek-target" />
 
+#### Layout
+
+The **variant** prop decides where the waveform sits. By default it is inline, between the actions and the clock; `waveform-top` and `waveform-bottom` give it a row of its own above or below the controls. `mini` reduces the bar to play and time, and `hidden` removes it entirely.
+
+<ExamplesExample file="v-audio/prop-layout" />
+
 #### Density and variants
 
 Three density modes control the bar height and icon sizes, and the **pills**, **floating** and **detached** variants change how the bar sits against its surroundings.
@@ -90,6 +96,12 @@ The **height** prop sizes the container. To change the height of the waveform it
 
 ### Slots
 
+#### Append
+
+There is no download prop. A download is an ordinary link, so it belongs in the **append** slot where it stays a real anchor — right-clickable, keyboard-reachable, and yours to label.
+
+<ExamplesExample file="v-audio/slot-append" />
+
 #### Error
 
 The **error** prop puts the component in the error state manually, which is useful when an operation fails before you have a source URL. By default the error state shows an icon and a message; the **error** slot replaces it, and receives a `retry` function.
diff --git a/packages/vuetify/src/composables/icons.tsx b/packages/vuetify/src/composables/icons.tsx
index add6b265576..fdb2582b814 100644
--- a/packages/vuetify/src/composables/icons.tsx
+++ b/packages/vuetify/src/composables/icons.tsx
@@ -67,6 +67,21 @@ export interface IconAliases {
   arrowleft: IconValue
   arrowright: IconValue
   backspace: IconValue
+
+  // Media — shared by VVideo and VAudio. Every alias-defining iconset already supplies
+  // these, so declaring them changes no behaviour; it makes a set that omits one a type
+  // error rather than a blank button at runtime.
+  play: IconValue
+  pause: IconValue
+  stop: IconValue
+  skipForward: IconValue
+  skipBackward: IconValue
+  fullscreen: IconValue
+  fullscreenExit: IconValue
+  volumeHigh: IconValue
+  volumeMedium: IconValue
+  volumeLow: IconValue
+  volumeOff: IconValue
 }
 
 export interface IconProps {
diff --git a/packages/vuetify/src/iconsets/bx.ts b/packages/vuetify/src/iconsets/bx.ts
index e0642d3978a..b3635da10da 100644
--- a/packages/vuetify/src/iconsets/bx.ts
+++ b/packages/vuetify/src/iconsets/bx.ts
@@ -68,7 +68,6 @@ const aliases: IconAliases = {
   play: 'i-bx:play',
   pause: 'i-bx:pause',
   stop: 'i-bx:stop',
-  download: 'i-bx:download',
   skipForward: 'i-bx:fast-forward',
   skipBackward: 'i-bx:rewind',
   fullscreen: 'i-bx:fullscreen',
diff --git a/packages/vuetify/src/iconsets/carbon.ts b/packages/vuetify/src/iconsets/carbon.ts
index 529cbe6b77e..4d0a3a8971f 100644
--- a/packages/vuetify/src/iconsets/carbon.ts
+++ b/packages/vuetify/src/iconsets/carbon.ts
@@ -68,7 +68,6 @@ const aliases: IconAliases = {
   play: 'i-carbon:play',
   pause: 'i-carbon:pause',
   stop: 'i-carbon:stop',
-  download: 'i-carbon:download',
   skipForward: 'i-carbon:forward-10',
   skipBackward: 'i-carbon:rewind-10',
   fullscreen: 'i-carbon:maximize',
diff --git a/packages/vuetify/src/iconsets/fa.ts b/packages/vuetify/src/iconsets/fa.ts
index 11d09b23dc9..29fd80aa39d 100644
--- a/packages/vuetify/src/iconsets/fa.ts
+++ b/packages/vuetify/src/iconsets/fa.ts
@@ -62,7 +62,6 @@ const aliases: IconAliases = {
   play: 'fas fa-play',
   pause: 'fas fa-pause',
   stop: 'fas fa-stop',
-  download: 'fas fa-download',
   skipForward: 'fas fa-forward',
   skipBackward: 'fas fa-backward',
   fullscreen: 'fas fa-fullscreen',
diff --git a/packages/vuetify/src/iconsets/fa4.ts b/packages/vuetify/src/iconsets/fa4.ts
index 6219a94d02d..60f4081bb1d 100644
--- a/packages/vuetify/src/iconsets/fa4.ts
+++ b/packages/vuetify/src/iconsets/fa4.ts
@@ -65,7 +65,6 @@ const aliases: IconAliases = {
   play: 'fa-play',
   pause: 'fa-pause',
   stop: 'fa-stop',
-  download: 'fa-download',
   skipForward: 'fa-forward',
   skipBackward: 'fa-backward',
   fullscreen: 'fa-fullscreen',
diff --git a/packages/vuetify/src/iconsets/fa6.ts b/packages/vuetify/src/iconsets/fa6.ts
index 7dd04512200..4c16785c079 100644
--- a/packages/vuetify/src/iconsets/fa6.ts
+++ b/packages/vuetify/src/iconsets/fa6.ts
@@ -68,7 +68,6 @@ const aliases: IconAliases = {
   play: 'i-fa6-solid:play',
   pause: 'i-fa6-solid:pause',
   stop: 'i-fa6-solid:stop',
-  download: 'i-fa6-solid:download',
   skipForward: 'i-fa6-solid:forward',
   skipBackward: 'i-fa6-solid:backward',
   fullscreen: 'i-fa6-solid:maximize',
diff --git a/packages/vuetify/src/iconsets/lucide.ts b/packages/vuetify/src/iconsets/lucide.ts
index 4fc9213f07c..a1336aa400d 100644
--- a/packages/vuetify/src/iconsets/lucide.ts
+++ b/packages/vuetify/src/iconsets/lucide.ts
@@ -68,7 +68,6 @@ const aliases: IconAliases = {
   play: 'i-lucide:play',
   pause: 'i-lucide:pause',
   stop: 'i-lucide:square',
-  download: 'i-lucide:download',
   skipForward: 'i-lucide:fast-forward',
   skipBackward: 'i-lucide:rewind',
   fullscreen: 'i-lucide:maximize',
diff --git a/packages/vuetify/src/iconsets/md.ts b/packages/vuetify/src/iconsets/md.ts
index 39730551a43..576ccd35bf0 100644
--- a/packages/vuetify/src/iconsets/md.ts
+++ b/packages/vuetify/src/iconsets/md.ts
@@ -65,7 +65,6 @@ const aliases: IconAliases = {
   play: 'play',
   pause: 'pause',
   stop: 'stop',
-  download: 'file_download',
   skipForward: 'fast_forward',
   skipBackward: 'fast_rewind',
   fullscreen: 'fullscreen',
diff --git a/packages/vuetify/src/iconsets/mdi-svg.ts b/packages/vuetify/src/iconsets/mdi-svg.ts
index 6d6c7156a50..2c85b9d6ec9 100644
--- a/packages/vuetify/src/iconsets/mdi-svg.ts
+++ b/packages/vuetify/src/iconsets/mdi-svg.ts
@@ -64,7 +64,6 @@ const aliases: IconAliases = {
   play: 'svg:M8,5.14V19.14L19,12.14L8,5.14Z',
   pause: 'svg:M14,19H18V5H14M6,19H10V5H6V19Z',
   stop: 'svg:M18,18H6V6H18V18Z',
-  download: 'svg:M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z',
   skipForward: 'svg:M13,6V18L21.5,12M4,18L12.5,12L4,6V18Z',
   skipBackward: 'svg:M11.5,12L20,18V6M11,18V6L2.5,12L11,18Z',
   fullscreen: 'svg:M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z',
diff --git a/packages/vuetify/src/iconsets/mdi-unocss.ts b/packages/vuetify/src/iconsets/mdi-unocss.ts
index e2eef490f8b..c7c68137437 100644
--- a/packages/vuetify/src/iconsets/mdi-unocss.ts
+++ b/packages/vuetify/src/iconsets/mdi-unocss.ts
@@ -68,7 +68,6 @@ const aliases: IconAliases = {
   play: 'i-mdi:play',
   pause: 'i-mdi:pause',
   stop: 'i-mdi:stop',
-  download: 'i-mdi:download',
   skipForward: 'i-mdi:fast-forward',
   skipBackward: 'i-mdi:rewind',
   fullscreen: 'i-mdi:fullscreen',
diff --git a/packages/vuetify/src/iconsets/mdi.ts b/packages/vuetify/src/iconsets/mdi.ts
index 21ed515f94d..5132a0e3f95 100644
--- a/packages/vuetify/src/iconsets/mdi.ts
+++ b/packages/vuetify/src/iconsets/mdi.ts
@@ -65,7 +65,6 @@ const aliases: IconAliases = {
   play: 'mdi-play',
   pause: 'mdi-pause',
   stop: 'mdi-stop',
-  download: 'mdi-download',
   skipForward: 'mdi-fast-forward',
   skipBackward: 'mdi-rewind',
   fullscreen: 'mdi-fullscreen',
diff --git a/packages/vuetify/src/iconsets/ms.ts b/packages/vuetify/src/iconsets/ms.ts
index 4776c3ecb68..cdf5db82eeb 100644
--- a/packages/vuetify/src/iconsets/ms.ts
+++ b/packages/vuetify/src/iconsets/ms.ts
@@ -66,7 +66,6 @@ const aliases: IconAliases = {
   play: 'i-material-symbols:play-arrow',
   pause: 'i-material-symbols:pause',
   stop: 'i-material-symbols:stop',
-  download: 'i-material-symbols:download',
   skipForward: 'i-material-symbols:fast-forward',
   skipBackward: 'i-material-symbols:fast-rewind',
   fullscreen: 'i-material-symbols:fullscreen',
diff --git a/packages/vuetify/src/iconsets/ph.ts b/packages/vuetify/src/iconsets/ph.ts
index dca0473c3f9..97fee29c00b 100644
--- a/packages/vuetify/src/iconsets/ph.ts
+++ b/packages/vuetify/src/iconsets/ph.ts
@@ -68,7 +68,6 @@ const aliases: IconAliases = {
   play: 'i-ph:play',
   pause: 'i-ph:pause',
   stop: 'i-ph:stop',
-  download: 'i-ph:download-simple',
   skipForward: 'i-ph:fast-forward',
   skipBackward: 'i-ph:rewind',
   fullscreen: 'i-ph:arrows-out-simple',
diff --git a/packages/vuetify/src/iconsets/ri.ts b/packages/vuetify/src/iconsets/ri.ts
index 41323765623..db88f57df27 100644
--- a/packages/vuetify/src/iconsets/ri.ts
+++ b/packages/vuetify/src/iconsets/ri.ts
@@ -68,7 +68,6 @@ const aliases: IconAliases = {
   play: 'i-ri:play-line',
   pause: 'i-ri:pause-line',
   stop: 'i-ri:stop-line',
-  download: 'i-ri:download-line',
   skipForward: 'i-ri:speed-line',
   skipBackward: 'i-ri:rewind-line',
   fullscreen: 'i-ri:fullscreen-line',
diff --git a/packages/vuetify/src/iconsets/tabler.ts b/packages/vuetify/src/iconsets/tabler.ts
index 43233202e0a..ecb345c7d23 100644
--- a/packages/vuetify/src/iconsets/tabler.ts
+++ b/packages/vuetify/src/iconsets/tabler.ts
@@ -66,7 +66,6 @@ const aliases: IconAliases = {
   play: 'i-tabler:player-play',
   pause: 'i-tabler:player-pause',
   stop: 'i-tabler:player-stop',
-  download: 'i-tabler:download',
   skipForward: 'i-tabler:rewind-forward-10',
   skipBackward: 'i-tabler:rewind-backward-10',
   fullscreen: 'i-tabler:arrows-maximize',
diff --git a/packages/vuetify/src/labs/VAudio/VAudio.tsx b/packages/vuetify/src/labs/VAudio/VAudio.tsx
index 43dc2a6f4a9..1608c87ada7 100644
--- a/packages/vuetify/src/labs/VAudio/VAudio.tsx
+++ b/packages/vuetify/src/labs/VAudio/VAudio.tsx
@@ -17,10 +17,9 @@ import { useRounded } from '@/composables/rounded'
 import { makeThemeProps, provideTheme } from '@/composables/theme'
 
 // Utilities
-import { computed, nextTick, onBeforeUnmount, onMounted, shallowRef, toRef, watch } from 'vue'
-import { decodePeaks, getCachedPeaks } from './decode'
+import { nextTick, onBeforeUnmount, onMounted, shallowRef, toRef, watch } from 'vue'
 import { formatDuration } from './time'
-import { clamp, consoleWarn, genericComponent, IN_BROWSER, omit, propsFactory, useRender } from '@/util'
+import { clamp, genericComponent, IN_BROWSER, omit, propsFactory, useRender } from '@/util'
 
 // Types
 import type { PropType } from 'vue'
@@ -43,6 +42,8 @@ export const makeVAudioProps = propsFactory({
   src: String,
   srcObject: [Object, null] as PropType<MediaProvider | null>,
   type: String,
+  // Nothing here decodes the media, but `audio` is exposed, so a consumer feeding the
+  // element into their own Web Audio graph still needs the element marked CORS-clean.
   crossorigin: String as PropType<'anonymous' | 'use-credentials'>,
   preload: {
     type: String as PropType<'none' | 'metadata' | 'auto'>,
@@ -121,20 +122,14 @@ export const VAudio = genericComponent<VAudioSlots>()({
 
     const duration = shallowRef(0)
     const waiting = shallowRef(false)
-    const decodedPeaks = shallowRef<number[]>()
     const buffered = shallowRef<number[]>([])
     const scrubbing = shallowRef(false)
     const containerHover = shallowRef<number | null>(null)
 
-    let controller: AbortController | undefined
     let syncing = false
     let frame = 0
     let seekingFromModel = false
 
-    const barCount = toRef(() => Math.max(1, Number(props.bars) || 64))
-
-    const peaks = computed(() => props.peaks?.length ? props.peaks : decodedPeaks.value)
-
     const hasWaveform = toRef(() => !props.hideWaveform && props.variant !== 'mini' && props.variant !== 'hidden')
     const seekOnContainer = toRef(() =>
       props.seekTarget === 'container' && !hasWaveform.value && !props.disabled,
@@ -212,19 +207,6 @@ export const VAudio = genericComponent<VAudioSlots>()({
       if (!el) return
 
       el.load()
-      loadPeaks()
-    }
-
-    function download () {
-      if (!props.src || !IN_BROWSER) return
-
-      const link = document.createElement('a')
-      link.href = props.src
-      link.download = typeof props.download === 'string' ? props.download : ''
-      link.rel = 'noopener'
-      document.body.append(link)
-      link.click()
-      link.remove()
     }
 
     function onLoadedmetadata () {
@@ -308,37 +290,6 @@ export const VAudio = genericComponent<VAudioSlots>()({
       emit('error', error.value)
     }
 
-    async function loadPeaks () {
-      controller?.abort()
-      decodedPeaks.value = undefined
-
-      if (!IN_BROWSER || props.peaks?.length || !props.src || props.srcObject) return
-
-      const cached = getCachedPeaks(props.src, barCount.value, props.sampleStrategy)
-      if (cached) {
-        decodedPeaks.value = cached
-        return
-      }
-
-      controller = new AbortController()
-      const { signal } = controller
-
-      try {
-        const result = await decodePeaks(props.src, barCount.value, props.sampleStrategy, signal)
-        if (!signal.aborted) decodedPeaks.value = result
-      } catch (error_: any) {
-        // A failed decode is the documented degraded path: the flat placeholder track
-        // still renders and still seeks, so this is not surfaced as a media error.
-        if (error_?.name !== 'AbortError') {
-          consoleWarn(
-            `VAudio: could not decode "${props.src}" for the waveform (${error_?.message ?? error_}). ` +
-            'Cross-origin media needs CORS headers and crossorigin="anonymous"; ' +
-            'pass the `peaks` prop to skip decoding entirely.',
-          )
-        }
-      }
-    }
-
     function containerRatio (e: PointerEvent) {
       const el = containerRef.value
       if (!el) return 0
@@ -427,12 +378,6 @@ export const VAudio = genericComponent<VAudioSlots>()({
       if (hadError) {
         nextTick(() => audioRef.value?.load())
       }
-
-      loadPeaks()
-    })
-
-    watch(() => [!props.peaks?.length, barCount.value, props.sampleStrategy], () => {
-      loadPeaks()
     })
 
     onMounted(() => {
@@ -442,13 +387,10 @@ export const VAudio = genericComponent<VAudioSlots>()({
       el.volume = clamp(Number(volume.value) || 0, 0, 100) / 100
       el.playbackRate = playbackRate.value
       if (props.srcObject) el.srcObject = props.srcObject
-
-      loadPeaks()
     })
 
     onBeforeUnmount(() => {
       stopTicking()
-      controller?.abort()
       const el = audioRef.value
       if (el) {
         el.pause()
@@ -579,7 +521,7 @@ export const VAudio = genericComponent<VAudioSlots>()({
                   v-model:playbackRate={ playbackRate.value }
                   progress={ progress.value }
                   duration={ duration.value }
-                  peaks={ peaks.value }
+                  peaks={ props.peaks }
                   buffered={ buffered.value }
                   seekable={ waveformSeekable.value }
                   onUpdate:progress={ skipTo }
@@ -591,7 +533,6 @@ export const VAudio = genericComponent<VAudioSlots>()({
                     startTicking()
                   }}
                   onClick:stop={ stop }
-                  onClick:download={ download }
                 >
                   {{
                     default: slots.controls,
diff --git a/packages/vuetify/src/labs/VAudio/VAudioControls.sass b/packages/vuetify/src/labs/VAudio/VAudioControls.sass
index a97fc6c13a1..510d996bd71 100644
--- a/packages/vuetify/src/labs/VAudio/VAudioControls.sass
+++ b/packages/vuetify/src/labs/VAudio/VAudioControls.sass
@@ -18,6 +18,31 @@
       @include tools.density('v-audio-controls', $audio-density) using ($modifier)
         --v-audio-controls-height: #{$audio-controls-height + $modifier * 2}
 
+    // The waveform is the only child allowed to take a whole row; giving it a 100% basis
+    // in a wrapping row moves it above or below the actions with `order` alone, so the
+    // render tree is identical in every variant.
+    &--waveform-top,
+    &--waveform-bottom
+      align-items: stretch
+      flex-wrap: wrap
+
+      .v-audio-controls__waveform
+        flex: 1 0 100%
+        min-width: 100%
+
+      .v-audio-controls__actions,
+      .v-audio-controls__time,
+      .v-audio-controls__volume
+        align-self: center
+
+    &--waveform-top
+      .v-audio-controls__waveform
+        order: -1
+
+    &--waveform-bottom
+      .v-audio-controls__waveform
+        order: 1
+
     &--floating
       background: transparent
 
diff --git a/packages/vuetify/src/labs/VAudio/VAudioControls.tsx b/packages/vuetify/src/labs/VAudio/VAudioControls.tsx
index 6b92ad27160..384f938aa2d 100644
--- a/packages/vuetify/src/labs/VAudio/VAudioControls.tsx
+++ b/packages/vuetify/src/labs/VAudio/VAudioControls.tsx
@@ -29,6 +29,13 @@ import { clamp, genericComponent, omit, propsFactory, useRender } from '@/util'
 // Types
 import type { PropType } from 'vue'
 
+export type VAudioControlsVariant =
+  | 'default'
+  | 'waveform-top'
+  | 'waveform-bottom'
+  | 'mini'
+  | 'hidden'
+
 export type VAudioControlsTimeSlot = {
   elapsed: string
   remaining: string
@@ -50,7 +57,6 @@ export type VAudioControlsActionsSlot = {
   toggleMuted: () => void
   playbackRate: number
   setPlaybackRate: (v: number) => void
-  download: () => void
   labels: Record<string, string>
 }
 
@@ -85,7 +91,7 @@ export const makeVAudioControlsProps = propsFactory({
     default: () => [],
   },
   variant: {
-    type: String as PropType<'default' | 'mini' | 'hidden'>,
+    type: String as PropType<VAudioControlsVariant>,
     default: 'default',
   },
   hidePlay: Boolean,
@@ -97,10 +103,6 @@ export const makeVAudioControlsProps = propsFactory({
     type: [Number, String],
     default: 0,
   },
-  download: {
-    type: [Boolean, String],
-    default: false,
-  },
   splitTime: Boolean,
   timeDisplay: {
     type: String as PropType<'elapsed' | 'remaining' | 'duration' | 'elapsed-duration'>,
@@ -119,18 +121,13 @@ export const makeVAudioControlsProps = propsFactory({
     type: String,
     default: '$stop',
   },
-  volumeIcon: {
-    type: String,
-    default: '$volumeHigh',
-  },
+  // Unset by default so the graded ladder below runs. Setting it pins one icon for every
+  // non-zero level, which is what a consumer asking for a specific glyph wants.
+  volumeIcon: String,
   muteIcon: {
     type: String,
     default: '$volumeOff',
   },
-  downloadIcon: {
-    type: String,
-    default: '$download',
-  },
   skipForwardIcon: {
     type: String,
     default: '$skipForward',
@@ -182,7 +179,6 @@ export const VAudioControls = genericComponent<VAudioControlsSlots>()({
     scrubStart: () => true,
     scrubEnd: () => true,
     'click:stop': () => true,
-    'click:download': () => true,
   },
 
   setup (props, { emit, slots }) {
@@ -200,6 +196,19 @@ export const VAudioControls = genericComponent<VAudioControlsSlots>()({
 
     const lastVolume = shallowRef(Number(props.volume) || 100)
 
+    // The same four-step ladder and thresholds `VVideoVolume` uses, so the two media
+    // components read the volume alias group identically instead of each picking a subset.
+    const volumeIcon = toRef(() => {
+      if (volume.value <= 0) return props.muteIcon
+      if (props.volumeIcon) return props.volumeIcon
+
+      if (volume.value > 70) return '$volumeHigh'
+      if (volume.value > 40) return '$volumeMedium'
+      if (volume.value > 10) return '$volumeLow'
+
+      return '$volumeOff'
+    })
+
     const labels = computed(() => ({
       play: t('$vuetify.audio.play'),
       pause: t('$vuetify.audio.pause'),
@@ -208,7 +217,6 @@ export const VAudioControls = genericComponent<VAudioControlsSlots>()({
       volume: t('$vuetify.audio.volume'),
       mute: t('$vuetify.audio.mute'),
       unmute: t('$vuetify.audio.unmute'),
-      download: t('$vuetify.audio.download'),
       skipForward: t('$vuetify.audio.skipForward', Number(props.skipInterval) || 0),
       skipBackward: t('$vuetify.audio.skipBackward', Number(props.skipInterval) || 0),
       playbackRate: t('$vuetify.audio.playbackRate'),
@@ -232,7 +240,7 @@ export const VAudioControls = genericComponent<VAudioControlsSlots>()({
       switch (props.timeDisplay) {
         case 'elapsed': { return elapsed
         }
-        case 'remaining': { return `-${remaining}`
+        case 'remaining': { return t('$vuetify.audio.remainingTime', remaining)
         }
         case 'duration': { return total
         }
@@ -285,10 +293,6 @@ export const VAudioControls = genericComponent<VAudioControlsSlots>()({
       playbackRate.value = value
     }
 
-    function download () {
-      emit('click:download')
-    }
-
     const slotProps = computed<VAudioControlsActionsSlot>(() => ({
       play,
       pause,
@@ -303,7 +307,6 @@ export const VAudioControls = genericComponent<VAudioControlsSlots>()({
       toggleMuted,
       playbackRate: playbackRate.value,
       setPlaybackRate,
-      download,
       labels: labels.value,
     }))
 
@@ -345,7 +348,6 @@ export const VAudioControls = genericComponent<VAudioControlsSlots>()({
       const showStop = !props.hideStop && !isMini.value
       const showSkip = skipSeconds.value > 0 && !isMini.value
       const showRates = props.playbackRates.length > 0 && !isMini.value
-      const showDownload = !!props.download && !isMini.value
 
       return (
         <div
@@ -436,7 +438,7 @@ export const VAudioControls = genericComponent<VAudioControlsSlots>()({
                 { !props.hideTime && (
                   <div class="v-audio-controls__time">
                     { props.splitTime
-                      ? (slots.time?.(currentTime.value) ?? `-${currentTime.value.remaining}`)
+                      ? (slots.time?.(currentTime.value) ?? t('$vuetify.audio.remainingTime', currentTime.value.remaining))
                       : (slots.time?.(currentTime.value) ?? timeText.value)}
                   </div>
                 )}
@@ -451,8 +453,7 @@ export const VAudioControls = genericComponent<VAudioControlsSlots>()({
 
                         >
                           <span class="text-caption">
-                            { playbackRate.value }
-                            x
+                            { t('$vuetify.audio.playbackRateValue', playbackRate.value) }
                           </span>
                         </VIconBtn>
                       ),
@@ -461,7 +462,7 @@ export const VAudioControls = genericComponent<VAudioControlsSlots>()({
                           { props.playbackRates.map(rate => (
                             <VListItem
                               active={ rate === playbackRate.value }
-                              title={ `${rate}x` }
+                              title={ t('$vuetify.audio.playbackRateValue', rate) }
                               { ...clickable(() => setPlaybackRate(rate)) }
                             />
                           ))}
@@ -474,7 +475,7 @@ export const VAudioControls = genericComponent<VAudioControlsSlots>()({
                 { showVolume && (
                   <div class="v-audio-controls__volume">
                     <VIconBtn
-                      icon={ volume.value > 0 ? props.volumeIcon : props.muteIcon }
+                      icon={ volumeIcon.value }
                       aria-label={ volume.value > 0 ? labels.value.mute : labels.value.unmute }
                       { ...clickable(toggleMuted) }
                     />
@@ -492,14 +493,6 @@ export const VAudioControls = genericComponent<VAudioControlsSlots>()({
                   </div>
                 )}
 
-                { showDownload && (
-                  <VIconBtn
-                    icon={ props.downloadIcon }
-                    aria-label={ labels.value.download }
-                    { ...clickable(download) }
-                  />
-                )}
-
                 { slots.append?.(slotProps.value) }
               </>
             )}
diff --git a/packages/vuetify/src/labs/VAudio/VAudioWaveform.tsx b/packages/vuetify/src/labs/VAudio/VAudioWaveform.tsx
index 61f889fdb7f..6a5ac7d6d05 100644
--- a/packages/vuetify/src/labs/VAudio/VAudioWaveform.tsx
+++ b/packages/vuetify/src/labs/VAudio/VAudioWaveform.tsx
@@ -4,7 +4,7 @@ import './VAudioWaveform.sass'
 // Composables
 import { useTextColor } from '@/composables/color'
 import { makeComponentProps } from '@/composables/component'
-import { useRtl } from '@/composables/locale'
+import { useLocale, useRtl } from '@/composables/locale'
 import { makeThemeProps, provideTheme } from '@/composables/theme'
 
 // Utilities
@@ -95,6 +95,7 @@ export const VAudioWaveform = genericComponent<VAudioWaveformSlots>()({
 
   setup (props, { emit, slots }) {
     const { themeClasses } = provideTheme(props)
+    const { t } = useLocale()
     const { isRtl } = useRtl()
     const { textColorClasses, textColorStyles } = useTextColor(toRef(() => props.color))
 
@@ -312,6 +313,7 @@ export const VAudioWaveform = genericComponent<VAudioWaveformSlots>()({
           aria-valuemax={ props.seekable && !props.disabled ? 100 : undefined }
           aria-valuenow={ props.seekable && !props.disabled ? Math.round(progress.value) : undefined }
           aria-valuetext={ props.seekable && !props.disabled ? ariaValueText.value : undefined }
+          aria-label={ props.seekable && !props.disabled ? t('$vuetify.audio.seek') : undefined }
           aria-disabled={ props.disabled || undefined }
           onPointerdown={ onPointerdown }
           onPointermove={ onPointermove }
diff --git a/packages/vuetify/src/labs/VAudio/__tests__/VAudio.spec.browser.tsx b/packages/vuetify/src/labs/VAudio/__tests__/VAudio.spec.browser.tsx
index 89fa0067004..144a596f566 100644
--- a/packages/vuetify/src/labs/VAudio/__tests__/VAudio.spec.browser.tsx
+++ b/packages/vuetify/src/labs/VAudio/__tests__/VAudio.spec.browser.tsx
@@ -209,5 +209,68 @@ describe('VAudio', () => {
     expect(labels).toContain('Skip back 15 seconds')
   })
 
+  it('should grade the volume icon the way VVideoVolume does', () => {
+    const iconFor = (volume: number) => {
+      document.body.innerHTML = ''
+      render(() => <VAudio src={ SILENT_WAV } peaks={ peaks } volume={ volume } />)
+      const icon = document.querySelector('.v-audio-controls__volume .v-icon-btn .v-icon')
+      // Iconset-agnostic: whatever the set renders, each step has to be a different glyph.
+      return icon?.innerHTML ?? ''
+    }
+
+    const high = iconFor(100)
+    const medium = iconFor(50)
+    const low = iconFor(20)
+    const off = iconFor(0)
+
+    expect(high).not.toBe('')
+    expect(new Set([high, medium, low, off]).size).toBe(4)
+  })
+
+  it('should stack the waveform above or below the actions on request', () => {
+    const rowsFor = (variant?: string) => {
+      document.body.innerHTML = ''
+      render(() => <VAudio src={ SILENT_WAV } peaks={ peaks } variant={ variant as any } />)
+      const wave = document.querySelector('.v-audio-controls__waveform')!.getBoundingClientRect()
+      const actions = document.querySelector('.v-audio-controls__actions')!.getBoundingClientRect()
+      if (wave.bottom <= actions.top + 2) return 'above'
+      if (actions.bottom <= wave.top + 2) return 'below'
+
+      return 'inline'
+    }
+
+    expect(rowsFor()).toBe('inline')
+    expect(rowsFor('waveform-top')).toBe('above')
+    expect(rowsFor('waveform-bottom')).toBe('below')
+  })
+
+  it('should not offer a download button — that is the append slot', () => {
+    render(() => <VAudio src={ SILENT_WAV } peaks={ peaks } />)
+
+    const labels = [...document.querySelectorAll('[aria-label]')].map(el => el.getAttribute('aria-label'))
+    expect(labels.some(l => /download/i.test(l ?? ''))).toBe(false)
+  })
+
+  it('should resolve every label through the locale', () => {
+    render(() => (
+      <VAudio
+        src={ SILENT_WAV }
+        peaks={ peaks }
+        playbackRates={[0.5, 1, 2]}
+        skipInterval={ 15 }
+        timeDisplay="remaining"
+      />
+    ))
+
+    // `t()` echoes the key back when it is missing, so an untranslated string shows up
+    // verbatim in the rendered output.
+    const root = document.querySelector('.v-audio')!
+    const labels = [...root.querySelectorAll('[aria-label]')].map(el => el.getAttribute('aria-label') ?? '')
+
+    expect(labels.length).toBeGreaterThan(0)
+    expect(labels.filter(l => l.includes('$vuetify'))).toEqual([])
+    expect(root.textContent).not.toContain('$vuetify')
+  })
+
   showcase({ stories })
 })
diff --git a/packages/vuetify/src/labs/VAudio/__tests__/api.spec.ts b/packages/vuetify/src/labs/VAudio/__tests__/api.spec.ts
index 0b543abefd4..2bdc7108274 100644
--- a/packages/vuetify/src/labs/VAudio/__tests__/api.spec.ts
+++ b/packages/vuetify/src/labs/VAudio/__tests__/api.spec.ts
@@ -5,7 +5,7 @@ import { makeVAudioWaveformProps } from '../VAudioWaveform'
 describe('public API surface', () => {
   it('VAudio inherits peaks and waveformProps from the controls factory', () => {
     const keys = Object.keys(makeVAudioProps())
-    const inherited = ['peaks', 'waveformProps', 'bars', 'mirror', 'variant', 'download', 'timeDisplay', 'splitTime', 'playbackRates']
+    const inherited = ['peaks', 'waveformProps', 'bars', 'mirror', 'variant', 'timeDisplay', 'splitTime', 'playbackRates']
 
     expect(inherited.filter(k => !keys.includes(k))).toEqual([])
   })
@@ -21,4 +21,14 @@ describe('public API surface', () => {
     // color/height/disabled exist on controls in their own right, not the waveform's
     expect(Object.keys(makeVAudioWaveformProps())).toContain('modelValue')
   })
+
+  it('has no download prop — a link in the append slot covers it', () => {
+    expect(Object.keys(makeVAudioControlsProps())).not.toContain('download')
+    expect(Object.keys(makeVAudioControlsProps())).not.toContain('downloadIcon')
+    expect(Object.keys(makeVAudioProps())).not.toContain('download')
+  })
+
+  it('takes peaks from the consumer rather than decoding them', () => {
+    expect(makeVAudioProps().peaks).toBeDefined()
+  })
 })
diff --git a/packages/vuetify/src/labs/VAudio/decode.ts b/packages/vuetify/src/labs/VAudio/decode.ts
deleted file mode 100644
index 55d49efe21d..00000000000
--- a/packages/vuetify/src/labs/VAudio/decode.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-// Utilities
-import { downsamplePeaks } from './peaks'
-
-// Types
-import type { SampleStrategy } from './peaks'
-
-const CACHE_LIMIT = 32
-const cache = new Map<string, number[]>()
-
-function remember (key: string, peaks: number[]) {
-  if (cache.size >= CACHE_LIMIT) {
-    const oldest = cache.keys().next()
-    if (!oldest.done) cache.delete(oldest.value)
-  }
-  cache.set(key, peaks)
-}
-
-export function getCachedPeaks (src: string, bars: number, strategy: SampleStrategy) {
-  return cache.get(`${src}:${bars}:${strategy}`)
-}
-
-// Peaks are cached un-normalized so toggling `normalize` never invalidates the entry.
-export async function decodePeaks (
-  src: string,
-  bars: number,
-  strategy: SampleStrategy,
-  signal: AbortSignal,
-): Promise<number[]> {
-  const key = `${src}:${bars}:${strategy}`
-  const cached = cache.get(key)
-  if (cached) return cached
-
-  const Ctor = window.AudioContext ?? (window as any).webkitAudioContext
-  if (!Ctor) throw new Error('Web Audio is unavailable')
-
-  const response = await fetch(src, { signal })
-  if (!response.ok) throw new Error(`Failed to fetch audio: ${response.status}`)
-
-  const buffer = await response.arrayBuffer()
-  if (signal.aborted) throw new DOMException('Aborted', 'AbortError')
-
-  const context: AudioContext = new Ctor()
-  try {
-    const decoded = await context.decodeAudioData(buffer)
-    const peaks = downsamplePeaks(decoded.getChannelData(0), bars, strategy)
-    remember(key, peaks)
-    return peaks
-  } finally {
-    context.close()
-  }
-}
diff --git a/packages/vuetify/src/locale/af.ts b/packages/vuetify/src/locale/af.ts
index 7dfef3cc138..3dacbde7759 100644
--- a/packages/vuetify/src/locale/af.ts
+++ b/packages/vuetify/src/locale/af.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Volume',
     mute: 'Demp',
     unmute: 'Ontdemp',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/ar.ts b/packages/vuetify/src/locale/ar.ts
index 32599c9d382..4e74379286e 100644
--- a/packages/vuetify/src/locale/ar.ts
+++ b/packages/vuetify/src/locale/ar.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'مستوى الصوت',
     mute: 'كتم الصوت',
     unmute: 'إلغاء كتم الصوت',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/az.ts b/packages/vuetify/src/locale/az.ts
index 6dd2ef2b60f..c7f68d53762 100644
--- a/packages/vuetify/src/locale/az.ts
+++ b/packages/vuetify/src/locale/az.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Səs',
     mute: 'Səsi kəs',
     unmute: 'Səsi aç',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/bg.ts b/packages/vuetify/src/locale/bg.ts
index c4bd82f416c..6415f734dcd 100644
--- a/packages/vuetify/src/locale/bg.ts
+++ b/packages/vuetify/src/locale/bg.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Сила на звука',
     mute: 'Без звук',
     unmute: 'Включи звука',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/ca.ts b/packages/vuetify/src/locale/ca.ts
index b264909ea98..7151d652654 100644
--- a/packages/vuetify/src/locale/ca.ts
+++ b/packages/vuetify/src/locale/ca.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Volum',
     mute: 'Silenciar',
     unmute: 'Activar so',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/ckb.ts b/packages/vuetify/src/locale/ckb.ts
index 38a77e4f5fe..f86d53f1f5f 100644
--- a/packages/vuetify/src/locale/ckb.ts
+++ b/packages/vuetify/src/locale/ckb.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'دەنگ',
     mute: 'بێدەنگکردن',
     unmute: 'لە بێدەنگی دەرهێنان',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/cs.ts b/packages/vuetify/src/locale/cs.ts
index 4a72c65d081..41f42d28fba 100644
--- a/packages/vuetify/src/locale/cs.ts
+++ b/packages/vuetify/src/locale/cs.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Hlasitost',
     mute: 'Ztlumit',
     unmute: 'Zrušit ztlumení',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/da.ts b/packages/vuetify/src/locale/da.ts
index 6a82a13be76..83d47ead857 100644
--- a/packages/vuetify/src/locale/da.ts
+++ b/packages/vuetify/src/locale/da.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Lydstyrke',
     mute: 'Slå lyd fra',
     unmute: 'Slå lyd til',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/de.ts b/packages/vuetify/src/locale/de.ts
index 2a0dbabdfa5..8deca60201f 100644
--- a/packages/vuetify/src/locale/de.ts
+++ b/packages/vuetify/src/locale/de.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Lautstärke',
     mute: 'Stummschalten',
     unmute: 'Stummschaltung aufheben',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/el.ts b/packages/vuetify/src/locale/el.ts
index d78c7f90881..57878491bb0 100755
--- a/packages/vuetify/src/locale/el.ts
+++ b/packages/vuetify/src/locale/el.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Ένταση',
     mute: 'Σίγαση',
     unmute: 'Κατάργηση σίγασης',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/en.ts b/packages/vuetify/src/locale/en.ts
index 9faca96b183..5de939f46b6 100644
--- a/packages/vuetify/src/locale/en.ts
+++ b/packages/vuetify/src/locale/en.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Volume',
     mute: 'Mute',
     unmute: 'Unmute',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/es.ts b/packages/vuetify/src/locale/es.ts
index 542f099a26c..5a7e3af6191 100644
--- a/packages/vuetify/src/locale/es.ts
+++ b/packages/vuetify/src/locale/es.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Volumen',
     mute: 'Silenciar',
     unmute: 'Activar sonido',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/et.ts b/packages/vuetify/src/locale/et.ts
index 3a222e1343e..d05116df5ab 100644
--- a/packages/vuetify/src/locale/et.ts
+++ b/packages/vuetify/src/locale/et.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Helitugevus',
     mute: 'Vaigista',
     unmute: 'Lülita vaigistus välja',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/fa.ts b/packages/vuetify/src/locale/fa.ts
index ead93c267d9..85ec194dfde 100644
--- a/packages/vuetify/src/locale/fa.ts
+++ b/packages/vuetify/src/locale/fa.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'صدا',
     mute: 'بی‌صدا',
     unmute: 'با صدا',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/fi.ts b/packages/vuetify/src/locale/fi.ts
index d69491fcbfc..ba0ab53cbe0 100644
--- a/packages/vuetify/src/locale/fi.ts
+++ b/packages/vuetify/src/locale/fi.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Äänenvoimakkuus',
     mute: 'Mykistä',
     unmute: 'Poista mykistys',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/fr.ts b/packages/vuetify/src/locale/fr.ts
index 1e6e4f384ba..2a2e8244028 100644
--- a/packages/vuetify/src/locale/fr.ts
+++ b/packages/vuetify/src/locale/fr.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Volume',
     mute: 'Muet',
     unmute: 'Activer le son',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/he.ts b/packages/vuetify/src/locale/he.ts
index e8403460891..1f33310c238 100644
--- a/packages/vuetify/src/locale/he.ts
+++ b/packages/vuetify/src/locale/he.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'עוצמת שמע',
     mute: 'השתק',
     unmute: 'בטל השתקה',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/hr.ts b/packages/vuetify/src/locale/hr.ts
index cb78af37652..e7f37cff963 100644
--- a/packages/vuetify/src/locale/hr.ts
+++ b/packages/vuetify/src/locale/hr.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Glasnoća',
     mute: 'Isključi zvuk',
     unmute: 'Uključi zvuk',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/hu.ts b/packages/vuetify/src/locale/hu.ts
index 87b59e15785..2944d262f95 100644
--- a/packages/vuetify/src/locale/hu.ts
+++ b/packages/vuetify/src/locale/hu.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Hangerő',
     mute: 'Némítás',
     unmute: 'Némítás feloldása',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/id.ts b/packages/vuetify/src/locale/id.ts
index cfeaf0e5b3a..edda6ccf2f9 100644
--- a/packages/vuetify/src/locale/id.ts
+++ b/packages/vuetify/src/locale/id.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Volume',
     mute: 'Bisukan',
     unmute: 'Bunyikan',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/it.ts b/packages/vuetify/src/locale/it.ts
index 75c5aac1941..3d38c64222e 100644
--- a/packages/vuetify/src/locale/it.ts
+++ b/packages/vuetify/src/locale/it.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Volume',
     mute: 'Muto',
     unmute: 'Riattiva audio',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/ja.ts b/packages/vuetify/src/locale/ja.ts
index 2df5c472b46..50d1e0712b5 100644
--- a/packages/vuetify/src/locale/ja.ts
+++ b/packages/vuetify/src/locale/ja.ts
@@ -182,10 +182,11 @@ export default {
     volume: '音量',
     mute: 'ミュート',
     unmute: 'ミュート解除',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/km.ts b/packages/vuetify/src/locale/km.ts
index 8afed24f373..2990caf7ef9 100644
--- a/packages/vuetify/src/locale/km.ts
+++ b/packages/vuetify/src/locale/km.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'កម្រិតសំឡេង',
     mute: 'បិទសំឡេង',
     unmute: 'បើក​សំឡេង',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/ko.ts b/packages/vuetify/src/locale/ko.ts
index 2ab38988652..4dc416f2169 100644
--- a/packages/vuetify/src/locale/ko.ts
+++ b/packages/vuetify/src/locale/ko.ts
@@ -182,10 +182,11 @@ export default {
     volume: '볼륨',
     mute: '음소거',
     unmute: '음소거 해제',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/lt.ts b/packages/vuetify/src/locale/lt.ts
index 83e8ed5e366..64f932affe8 100644
--- a/packages/vuetify/src/locale/lt.ts
+++ b/packages/vuetify/src/locale/lt.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Garsumas',
     mute: 'Nutildyti',
     unmute: 'Įjungti garsą',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/lv.ts b/packages/vuetify/src/locale/lv.ts
index 1da9303baad..16ec697eec8 100644
--- a/packages/vuetify/src/locale/lv.ts
+++ b/packages/vuetify/src/locale/lv.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Skaļums',
     mute: 'Izslēgt skaņu',
     unmute: 'Ieslēgt skaņu',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/nl.ts b/packages/vuetify/src/locale/nl.ts
index a3ac9f8cddc..a2c3922b1db 100644
--- a/packages/vuetify/src/locale/nl.ts
+++ b/packages/vuetify/src/locale/nl.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Volume',
     mute: 'Dempen',
     unmute: 'Dempen opheffen',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/no.ts b/packages/vuetify/src/locale/no.ts
index a414bd12474..65a9f53f7e9 100644
--- a/packages/vuetify/src/locale/no.ts
+++ b/packages/vuetify/src/locale/no.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Volum',
     mute: ' Demp',
     unmute: 'Slå på lyd',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/pl.ts b/packages/vuetify/src/locale/pl.ts
index 83aa9837fd3..e8bb632a0b6 100644
--- a/packages/vuetify/src/locale/pl.ts
+++ b/packages/vuetify/src/locale/pl.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Głośność',
     mute: 'Wycisz',
     unmute: 'Wyłącz wyciszenie',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/pt.ts b/packages/vuetify/src/locale/pt.ts
index 3dd8523677d..e20c7c3ca4c 100644
--- a/packages/vuetify/src/locale/pt.ts
+++ b/packages/vuetify/src/locale/pt.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Volume',
     mute: 'Silenciar',
     unmute: 'Ativar som',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/ro.ts b/packages/vuetify/src/locale/ro.ts
index 76b31602ff7..eea0c52d619 100644
--- a/packages/vuetify/src/locale/ro.ts
+++ b/packages/vuetify/src/locale/ro.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Volum',
     mute: 'Fără sunet',
     unmute: 'Cu sunet',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/ru.ts b/packages/vuetify/src/locale/ru.ts
index c587fc5e36c..8100558d73d 100644
--- a/packages/vuetify/src/locale/ru.ts
+++ b/packages/vuetify/src/locale/ru.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Громкость',
     mute: 'Отключить звук',
     unmute: 'Включить звук',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/sk.ts b/packages/vuetify/src/locale/sk.ts
index 6da7e55a49e..aa014440244 100644
--- a/packages/vuetify/src/locale/sk.ts
+++ b/packages/vuetify/src/locale/sk.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Hlasitosť',
     mute: 'Stlmiť',
     unmute: 'Zrušiť stlmenie',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/sl.ts b/packages/vuetify/src/locale/sl.ts
index 53bf5bd273e..4ff4643a945 100644
--- a/packages/vuetify/src/locale/sl.ts
+++ b/packages/vuetify/src/locale/sl.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Glasnost',
     mute: 'Utišaj',
     unmute: 'Vklopi zvok',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/sr-Cyrl.ts b/packages/vuetify/src/locale/sr-Cyrl.ts
index 915128f1ca6..a95f0211d00 100644
--- a/packages/vuetify/src/locale/sr-Cyrl.ts
+++ b/packages/vuetify/src/locale/sr-Cyrl.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Јачина звука',
     mute: 'Искључи звук',
     unmute: 'Укључи звук',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/sr-Latn.ts b/packages/vuetify/src/locale/sr-Latn.ts
index 2c823dd2eda..b8f96ecf575 100644
--- a/packages/vuetify/src/locale/sr-Latn.ts
+++ b/packages/vuetify/src/locale/sr-Latn.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Jačina zvuka',
     mute: 'Isključi zvuk',
     unmute: 'Uključi zvuk',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/sv.ts b/packages/vuetify/src/locale/sv.ts
index e7469cf79c2..efa55e8b0ea 100644
--- a/packages/vuetify/src/locale/sv.ts
+++ b/packages/vuetify/src/locale/sv.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Volym',
     mute: 'Stäng av ljud',
     unmute: 'Slå på ljud',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/th.ts b/packages/vuetify/src/locale/th.ts
index d3d1a6d9ca2..94b595f3789 100644
--- a/packages/vuetify/src/locale/th.ts
+++ b/packages/vuetify/src/locale/th.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'ระดับเสียง',
     mute: 'ปิดเสียง',
     unmute: 'เปิดเสียง',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/tr.ts b/packages/vuetify/src/locale/tr.ts
index 093b4e53cbb..dd0d6978d64 100644
--- a/packages/vuetify/src/locale/tr.ts
+++ b/packages/vuetify/src/locale/tr.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Ses',
     mute: 'Sesi kapat',
     unmute: 'Sesi aç',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/uk.ts b/packages/vuetify/src/locale/uk.ts
index 4b3c42ce01b..93e13992402 100644
--- a/packages/vuetify/src/locale/uk.ts
+++ b/packages/vuetify/src/locale/uk.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Гучність',
     mute: 'Вимкнути звук',
     unmute: 'Увімкнути звук',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/vi.ts b/packages/vuetify/src/locale/vi.ts
index f81799fb37e..4be0f07f44d 100644
--- a/packages/vuetify/src/locale/vi.ts
+++ b/packages/vuetify/src/locale/vi.ts
@@ -182,10 +182,11 @@ export default {
     volume: 'Âm lượng',
     mute: 'Tắt tiếng',
     unmute: 'Bật tiếng',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/zh-Hans.ts b/packages/vuetify/src/locale/zh-Hans.ts
index a1f6240bb02..2f35c67e7fa 100644
--- a/packages/vuetify/src/locale/zh-Hans.ts
+++ b/packages/vuetify/src/locale/zh-Hans.ts
@@ -182,10 +182,11 @@ export default {
     volume: '音量',
     mute: '静音',
     unmute: '取消静音',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {
diff --git a/packages/vuetify/src/locale/zh-Hant.ts b/packages/vuetify/src/locale/zh-Hant.ts
index 5c545bd4514..fcc9f726440 100644
--- a/packages/vuetify/src/locale/zh-Hant.ts
+++ b/packages/vuetify/src/locale/zh-Hant.ts
@@ -182,10 +182,11 @@ export default {
     volume: '音量',
     mute: '靜音',
     unmute: '取消靜音',
-    download: 'Download',
     skipForward: 'Skip forward {0} seconds',
     skipBackward: 'Skip back {0} seconds',
     playbackRate: 'Playback speed',
+    playbackRateValue: '{0}x',
+    remainingTime: '-{0}',
     error: 'This audio file could not be played.',
   },
   video: {

From 387e7d860899e00a6de93f4aeadc13b9ba45af12 Mon Sep 17 00:00:00 2001
From: Alberto Miconi <radiobros26@gmail.com>
Date: Fri, 4 Sep 2026 09:57:02 +0200
Subject: [PATCH 3/3] refactor(VAudio): drop the unused eager prop

`eager` was only ever read by a ref tracking whether loading had started,
and removing the decode pipeline left that ref dead. `preload` already
covers loading before interaction, so the prop had no implementation
behind it.

Add a spec that fails when VAudio declares a prop it never reads, so a
prop orphaned by a refactor cannot slip through again.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 .../api-generator/src/locale/en/VAudio.json   |  1 -
 packages/vuetify/src/labs/VAudio/VAudio.tsx   |  1 -
 .../src/labs/VAudio/__tests__/api.spec.ts     | 21 +++++++++++++++++++
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/packages/api-generator/src/locale/en/VAudio.json b/packages/api-generator/src/locale/en/VAudio.json
index 0bd9a087860..3cf5fab6e8b 100644
--- a/packages/api-generator/src/locale/en/VAudio.json
+++ b/packages/api-generator/src/locale/en/VAudio.json
@@ -12,7 +12,6 @@
     "loop": "Restarts playback when the end is reached. The `ended` event is not emitted while looping.",
     "muted": "Hides the volume control and disables the playback sound.",
     "startAt": "Moves progress to the specified time (in seconds) once the media file is loaded.",
-    "eager": "Silently loads the media file without waiting for the user to click.",
     "disabled": "Removes all interaction and dims the component.",
     "seekTarget": "Which surface responds to a click when no waveform is shown. A visible waveform is always the seek surface, so `container` takes effect together with `hide-waveform` — that combination makes the whole component click-to-seek. `none` disables seeking entirely.",
     "rounded": "Applies a border radius to the container and the controls. Accepts an array of two values to customize the elements separately.",
diff --git a/packages/vuetify/src/labs/VAudio/VAudio.tsx b/packages/vuetify/src/labs/VAudio/VAudio.tsx
index 1608c87ada7..9977298feeb 100644
--- a/packages/vuetify/src/labs/VAudio/VAudio.tsx
+++ b/packages/vuetify/src/labs/VAudio/VAudio.tsx
@@ -58,7 +58,6 @@ export const makeVAudioProps = propsFactory({
   loop: Boolean,
   muted: Boolean,
   startAt: [Number, String],
-  eager: Boolean,
   disabled: Boolean,
   seekTarget: {
     type: String as PropType<VAudioSeekTarget>,
diff --git a/packages/vuetify/src/labs/VAudio/__tests__/api.spec.ts b/packages/vuetify/src/labs/VAudio/__tests__/api.spec.ts
index 2bdc7108274..d1c63fbf428 100644
--- a/packages/vuetify/src/labs/VAudio/__tests__/api.spec.ts
+++ b/packages/vuetify/src/labs/VAudio/__tests__/api.spec.ts
@@ -2,6 +2,10 @@ import { makeVAudioProps } from '../VAudio'
 import { makeVAudioControlsProps } from '../VAudioControls'
 import { makeVAudioWaveformProps } from '../VAudioWaveform'
 
+// Utilities
+import fs from 'node:fs'
+import path from 'node:path'
+
 describe('public API surface', () => {
   it('VAudio inherits peaks and waveformProps from the controls factory', () => {
     const keys = Object.keys(makeVAudioProps())
@@ -32,3 +36,20 @@ describe('public API surface', () => {
     expect(makeVAudioProps().peaks).toBeDefined()
   })
 })
+
+describe('no dead props', () => {
+  it('reads or forwards every prop VAudio declares', () => {
+    const source = fs.readFileSync(path.resolve(__dirname, '..', 'VAudio.tsx'), 'utf8')
+
+    // Props inherited from the controls factory are forwarded wholesale by `filterProps`,
+    // so only VAudio's own declarations have to be read in this file.
+    const layout = ['class', 'style', 'theme', 'density', 'height', 'width', 'maxWidth', 'maxHeight', 'minWidth', 'minHeight']
+    const own = Object.keys(makeVAudioProps())
+      .filter(k => !(k in makeVAudioControlsProps()) && !layout.includes(k))
+
+    // A prop counts as read either directly or by name through a model composable.
+    const dead = own.filter(k => !source.includes(`props.${k}`) && !source.includes(`, '${k}'`))
+
+    expect(dead, `declared but never read: ${dead.join(', ')}`).toEqual([])
+  })
+})