Daily Audio Track

<DailyAudioTrack sessionId={sessionId} /> Use this component to compose a custom audio arrangement in a Daily call.

Props

sessionId

string

required

The participant’s session_id for which the audio track should be played.

onPlayFailed

Function

Callback when an <audio> tag fails to play().

type

'audio' | 'screenAudio' | 'rmpAudio' | string

default:"'audio'"

The participant’s track type to play. In addition to the built-in track types, you can pass the trackName of a custom audio track started via startCustomTrack().

Data attributes

DailyAudioTrack renders a couple of dynamic data attributes:

Attribute	Description
`data-session-id`	Contains the corresponding `sessionId`
`data-audio-type`	Contains the corresponding `type`

Example

import { DailyAudioTrack } from '@daily-co/daily-react';

function ParticipantAudio({ sessionId }) {
  const handlePlayFailed = useCallback((e) => {
    console.error(
      `Failed to play ${e.type} for ${e.sessionId}. Audio tag: ${e.target}.`
    );
  }, []);
  return (
    <DailyAudioTrack
      sessionId={sessionId}
      onPlayFailed={handlePlayFailed}
      type="audio"
    />
  );
}

To play a custom audio track, pass its trackName as the type:

// Started elsewhere with:
// call.startCustomTrack({ track, trackName: 'narration' });

function Narration({ sessionId }) {
  return <DailyAudioTrack sessionId={sessionId} type="narration" />;
}

Components

Hooks

Daily Audio Daily Video

​Props

​Data attributes

​Example

​See also

Components

Hooks

Props

Data attributes

Example

See also