Skip to main content
<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'
default:"'audio'"
The participant’s track type to play.

​
Data attributes

DailyAudioTrack renders a couple of dynamic data attributes:
AttributeDescription
data-session-idContains the corresponding sessionId
data-audio-typeContains 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"
    />
  );
}

​
See also

Components

Hooks