Inline player for Clarity Mobile Apps

Important

Clarity retains Recordings for 30 days from the time of recording. However, Favorite recordings and a randomly selected recording will be retained for up to 13 months.

Clarity offers an inline player for visualizing user behavior on your apps. You can explore session recordings quickly without losing the context of user actions.

The inline player includes the following features:

  1. Playback viewer
  2. Playback controls
  3. Details tab

Playback viewer

The playback viewer contains the inline player and several options for exploring further:

Playback viewer details.

  • More details: View the details tab for this recording.
  • Tap: View the Taps map for this recording.
  • Favorite the session: You can favorite this session from the inline player.
  • Open in new tab: Open the playback viewer in new tab with more details.
  • Share: View sharing options for this recording.

Explore Heatmaps through Recordings

With heatmaps, you can dig deep into user behavior on any recording. Select the Tap button to see a Taps map and view where the user tapped on your screen. You can view Taps maps for different screen states in the session dynamically using the forward button.

Recordings to taps maps.

Note:

  • While you view a Taps map, playback controls such as play, pause, skip inactivity, auto play, and speed are disabled.

    Disabled play button in recordings for mobile apps.

  • Currently, Taps map options is unavailable while viewing the recording in a new tab or when you share it.

    Recordings in new tab with no taps maps.

Watch recordings

As you select a card, you can view the session recording in the playback viewer. The viewer allows you to analyze and understand user interactions with your app. You can view:

  • User taps throughout the session.
  • Insights such as rage taps and dead taps.
  • Screens hidden or visible to the user.
  • How and where users enter text in your app?
  • What contexts the users are selecting?
  • Where users are changing the screen size?

Playback viewer for mobile apps.

Important

For privacy, Clarity masks the sensitive data by default before sending it to Clarity. To unmask or mask specific sections of your screen, refer to Masking content.

While the masked content is shielded, third-party iFrame content is blocked on the playback viewer.

Playback controls

Playback controls.

Playback controls provide you with the following options:

Here are the playback controls:

  • Play / Pause: Plays or pauses the recording.
  • Rewind: Rewind the recording by 10 seconds.
  • Fast forward: Fast forwards the recording by 30 seconds.
  • Play previous: Select to play previous recording. This is disabled for the first recording.
  • Play next: Select to play previous recording. This is disabled for the last recording.
  • Playback speed: Available presets: 0.25X, 0.5X, Normal, 1.5X, 2X, 4X, 8X, and 12X.
  • Time: The current time / total time of recording.
  • Skip inactivity: When checked, periods of inactivity on the page are skipped.
  • Mute: Mute or unmute the audio in a recording.
  • Autoplay: Learn more about Autoplay.
  • Timeline events: Timeline events that describe events shown in recordings timeline along with keyboard shortcuts. Timeline events.

Autoplay

Toggle the Autoplay to automatically play the next recording in 5 seconds.

When Autoplay is enabled

If Autoplay is enabled, at the end of each recording, you can view the following controls:

Pop up seen if Autoplay is enabled for mobile apps.

  • Favorite: Favorite this recording
  • Share: Share this recording.
  • Add labels: Choose from the list of available labels so you find this recording later.
  • Cancel: Cancel the timer that is running on Play next and Exit the pop-up window to return to the current recording.
  • Play next: Play the next recording before the timer ends.
When Autoplay is disabled

If Autoplay is disabled, at the end of each recording, you can view the following controls:

Pop up seen if Autoplay is disabled for mobile apps.

  • Favorite: Favorite this recording
  • Share: Share this recording.
  • Add labels: Choose from the list of available labels so you find this recording later.
  • Exit: Exit the pop-up window and return to the current recording.
  • Play next: Play the next recording.

View details

The details tab includes:

More details

Select the More details button to view the summary of your session information and the timeline of user events as shown:

More details viewer for mobile apps.

The summary includes:

  1. Session info
  2. Events

Session info

Session information card for mobile apps.

The session info contains the following information:

  1. Date and time stamp
  2. Custom User ID
  3. User ID
  4. The Country/Region in which the session is recorded
  5. Screen resolution, Operating system with version, and mobile device details
  6. Entry and exit screens
  7. The number of taps, the number of screens visited
  8. Custom user ID

Note

Though Screen resolution and operating system's version are included in the session, filtering on based on these two details is currently not supported.

Events

These events showcase the detailed time at which events occurred that includes screen visits within a session. Each screen has events associated with it.

Toggle the Expand all to view each visited screen event in detail.

Events card.

The supported events are:

  • Tap: This event is seen when a user taps on a screen.
  • Input: This event is seen when a user inputs text into a form element. You can filter to this event with the "Entered text" filter.
  • Rage taps: Check Rage taps to learn more.
  • Dead taps: Check Dead taps to learn more.
  • Screen visible: This event is seen when a user's attention is on your screen.
  • Screen hidden: This event is seen when your screen is hidden behind other screens.
  • Application errors: This event is seen when an error is detected. You can also see the error string in the timeline. Check Application errors to learn more.
  • Custom tags: This event is seen when a user sets custom tags. You can filter to this event with Custom tags filter.

Inline player limitations

  • Some recordings might look broken or have missing images. This is because Clarity is having difficulty locating CSS, font, or images to display the app. To learn more, see Troubleshoot Recordings.

  • Clarity can't capture third-party iFrames and HTML Canvas elements. They show up in your recording, as shown:

    Third-party iFrames.

FAQ

For more answers, refer to FAQ.

Explore more

Semantic metrics

Filters

Visit Clarity