Audio playback ​

Defines that step will wait for visitor to watch a video and click to submit button to proceed down by the flow.

Audio player preview

Add audio from Files or use URL ​

Audio file can be selected from Files storage or added via URL. No limitation for audio duration is set.

Not valid media file will be replaced with a default placeholder.

Audio start time ​

The input defined a second, when audio playback might be started, once end-user received a message or clicked to play. Video start time must be a valid timestring (e.g. 75s or 1m 15seconds). If value is not set, audio playback will start from 0s.

Button label ​

The button is shown under audio player container, has limit of 24 chars and will be truncated if the limit is exceeded. If button label is not filled in step, default text OK will be shown.

Autoplay ​

The option is selected by default and allows to start playback once a message with component is received. When the option is unselected, end-user will have to click play button in received message to start audio playback.

Show player in chat when user reply is submitted ​

The option is selected by default and leave the audio player as a bot message in a thread when end-user reply is submitted. When the option is unselected, audio player will be removed from bot's message after end-user reply is submitted.

Audio player preview after submit

Output ​

The structure of the output is:

js
{
  // all values are in seconds
  playbackStartTime: 25,
  playbackEndTime: 40.1,
  totalAudioDuration: 55.1,
  viewDuration: 15.1
}
{
  // all values are in seconds
  playbackStartTime: 25,
  playbackEndTime: 40.1,
  totalAudioDuration: 55.1,
  viewDuration: 15.1
}
  • playbackStartTime - start time of the audio (specified on step, or 0);
  • playbackEndTime - time where user finished wathing audio;
  • totalAudioDuration - total audio duration;
  • viewDuration - time that user spend on audio listening.

In this example, audio was started at 25 second and watched till 40.1 second. View duration is 15.1 seconds.

Use function to define user answer ​

Allows to override default answer by custom message.

Available variables ​

The same as output example.

js
{
  playbackStartTime: 25,
  playbackEndTime: 40.1,
  totalAudioDuration: 55.1,
  viewDuration: 15.1
}
{
  playbackStartTime: 25,
  playbackEndTime: 40.1,
  totalAudioDuration: 55.1,
  viewDuration: 15.1
}

Example ​

js
return `playbackStartTime: ${playbackStartTime}
        playbackEndTime: ${playbackEndTime}
        totalAudioDuration: ${totalAudioDuration}
        viewDuration: ${viewDuration}`
return `playbackStartTime: ${playbackStartTime}
        playbackEndTime: ${playbackEndTime}
        totalAudioDuration: ${totalAudioDuration}
        viewDuration: ${viewDuration}`
Step configuration: ​

Custom answer step configuration

Result: ​

Custom answer result