diff --git a/apps/common-app/src/examples/AudioTag/AudioTag.tsx b/apps/common-app/src/examples/AudioTag/AudioTag.tsx
index ad4d4ab6b..42ad9806f 100644
--- a/apps/common-app/src/examples/AudioTag/AudioTag.tsx
+++ b/apps/common-app/src/examples/AudioTag/AudioTag.tsx
@@ -96,6 +96,12 @@ const AudioTag: React.FC = () => {
const handleVolumeEvent = useCallback((volume: number) => {
// console.log('onVolumeChange', volume);
}, []);
+ const handleWaiting = useCallback(() => {
+ // console.log('onWaiting');
+ }, []);
+ const handlePlaying = useCallback(() => {
+ // console.log('onPlaying');
+ }, []);
const audioTagElement = useMemo(
() => (
@@ -113,6 +119,8 @@ const AudioTag: React.FC = () => {
onPlay={handlePlay}
onPause={handlePause}
onVolumeChange={handleVolumeEvent}
+ onWaiting={handleWaiting}
+ onPlaying={handlePlaying}
/>
),
[
@@ -122,8 +130,10 @@ const AudioTag: React.FC = () => {
handleLoadStart,
handlePause,
handlePlay,
+ handlePlaying,
handlePositionChange,
handleVolumeEvent,
+ handleWaiting,
]
);
@@ -156,7 +166,11 @@ const AudioTag: React.FC = () => {
diff --git a/packages/audiodocs/docs/sources/audio-tag.mdx b/packages/audiodocs/docs/sources/audio-tag.mdx
index c4518aaf7..fd04764b1 100644
--- a/packages/audiodocs/docs/sources/audio-tag.mdx
+++ b/packages/audiodocs/docs/sources/audio-tag.mdx
@@ -58,6 +58,8 @@ Only **required** field is a `source`. Callbacks default to no-ops if omitted.
| `onPlay` | `() => void` | no-op | After `play()`. |
| `onPause` | `() => void` | no-op | After `pause()`. |
| `onVolumeChange` | `(volume: number) => void` | no-op | When effective volume changes. |
+| `onWaiting` | `() => void` | no-op | Playback stalled waiting on decoded data (network/decoder). Mirrors the HTML `waiting` event — not fired for a deliberate pause or seek. |
+| `onPlaying` | `() => void` | no-op | Playback resumed after a stall reported by `onWaiting`. Mirrors the HTML `playing` event — not fired for the initial `play()`, see `onPlay`. |
### `AudioSource`
@@ -135,6 +137,21 @@ type AudioComponentContextType = {
Useful for creating your custom UI component. Must be used under `