[Epic] Mobile Replay: Private Alpha Release

[bruno-garcia]

Part of: #64379

Tracking of our first milestone, which we intend to make available to folks who submitted interest via the wait list:

• Session Replay for Mobile - Waitlist #63138

The scope is flexible, but we're aiming an MVP that's stable enough to get some users feedback.

SDK Common

Beta Give feedback

1. Keep replay_id on the scope's context and apply it to outgoing events, and trace baggage (https://github.com/getsentry/relay/blob/6f997888a23ac545362e75464d69cda50f1278eb/relay-sampling/src/dsc.rs#L55)

SDK Android

Beta Give feedback

1. Add breadcrumbs [SR] Capture breadcrumbs (temporary) sentry-java#3372
2. Test that video codecs with the current default size (720) are available on different devices (AppCenter) Fixed by [SR] Fix crashing MediaCodec and use density to determine recording resolution sentry-java#3327
3. Implement video on-demand (store screenshots to disk, every 5 seconds create a video and send an envelope and delete the video + screenshots locally) [SR] Add replay integration sentry-java#3272
4. If errorSampleRate is set, rotate the screenshot cache every 30sec [SR] Add buffer mode and link replays with events/transactions sentry-java#3291
5. Implement new envelope items: Replay, ReplayRecording, ReplayVideo: Implement new envelope items: Replay, ReplayRecording, ReplayVideo sentry-java#3213
6. Handle orientation changes (send rrweb event/breadcrumb and change video size) [SR] Handle orientation change sentry-java#3335 [SR] Introduce capture strategies and handle orientation change for buffer sentry-java#3357
7. Use dominant color for redacting
8. Set replayId to link replay and errors

SDK iOS

Beta Give feedback

1. Implement ReplayEvent
2. Core Options and parameters
3. Limit to 60 minutes maximun
4. Send DSC header to connect to backend errors
5. Use average color for redacting

Phase 1: E2E iOS/Android native to Sentry player with mp4's

Beta Give feedback

1. iOS SDK recording through envelopes. Mp4 as separate envelope item @brustolin
2. Android SDK recording through envelopes. Mp4 as separate envelope item @romtsn
3. feat(replay): Add support for playing mobile replays #66111
   3 of 5
   Scope: Frontend +1
   
4. RFC for Session Replay based on video snippets rfcs#128
   +0

UI: Mobile Replay - Limited Alpha

Beta Give feedback

1. [Replay Details] Move "Start Time" in header underneath user
2. [Replay Details] Remove "Dead Clicks" and "Rage Clicks" in header for mobile replays
3. [Replay Details] Remove browser icon from URL bar area for mobile replays
4. [Replay Details] Remove "Trace", "Accessibility", and "Memory" tabs for mobile replays
5. [Replay Details] Remove "Fast forward inactivity" option for mobile replays
6. [Replay Details] Performance optimizations for not pre-loading all videos #67430
   +0
   
7. [Replay Details] Hide DOM Banner #67693
   +0
8. [Replay Details] Seeking while replay is playing causes the videos to jump around in order #67725
   +0
9. [Replay Details] Make "Tags" tab default for mobile replays #67692
   +0
10. [Replay Details - Bug] If seeking before play is pressed, wrong video is shown at first #67847
    +0
11. [Replay Details - UI] Disable playback speed for now #67879
    +0
12. [Replay Details] Show the first frame at the beginning rather than empty panel #67912
    +0
13. [Replay Details - Bug] The current time can run over the total duration of the replay #67712
    +0
14. [Replay Details - Bug] pausing should set proper video.currentTime #68111
    +0
15. [Replay Details - Bug] Seeking to a new location in replay can cause timer to be desynced #67727
    +0
16. [Replay Details] When replay is paused, seeking to a different orientation change does not center video #68438
    +0
17. [Replay Details] Seeking to the first segment does not work #68437
    +0
18. [Replay Details] Ensure that the player works inline on issue details #67877
    +0
19. Mobile Replay: Remove Unsupported banner on replay index #68569
    Product Area: Replays +1
20. Mobile Replay: Seeking shows Play on first half and Restart on second half #68509
    Product Area: Replays +1

[bruno-garcia]

Publish job for the first Alpha for Android 7.8.0-alpha.0

[bruno-garcia]

Publish job for the first Alpha for iOS 8.24.0-alpha.0

[bruno-garcia]

Alpha for iOS and Android shipped.
To get access, it requires adding your Sentry org to our feature flag. This way data can be ingested and displayed in Sentry.
Please let us know on the waitlist if you're interested

Once we add you to the feature flag, you can get it rolling with:

To install it, you need the SDK preview versions mentioned below, and the following code snippet:

// iOS: Update the Sentry SDK for iOS to version: 8.24.0-alpha.0
SentrySDK.start(configureOptions: { options in
  options.dsn = "your DSN"
  options.debug = true
  
  // Currently under experimental options:
  options.experimental.sessionReplay.errorSampleRate = 1.0
  options.experimental.sessionReplay.sessionSampleRate = 1.0
})
// Android: Update the Sentry SDK for Android to version: 7.8.0-alpha.0
// If you use the `io.sentry:sentry-android` dependency then no additional steps needed, otherwise you'd have to also include `io.sentry:sentry-android-replay` module directly
SentryAndroid.init(context) { options ->
  options.dsn = "your DSN"
  options.isDebug = true

  // Currently under experimental options:
  options.experimental.sessionReplay.errorSampleRate = 1.0
  options.experimental.sessionReplay.sessionSampleRate = 1.0
}

[Matthew-Jimenez]

Very nice @bruno-garcia

Whats the timeline for React Native alpha?

[bruno-garcia]

Very nice @bruno-garcia

Whats the timeline for React Native alpha?

We're aiming to have our first release out in a couple of weeks. Reminder that to see the data you not only need the right SDK and option enabled, but have your Sentry org in our alpha cohort feature flag. We'll be reaching out to folks through the waitlist.

[bruno-garcia]

React Native first alpha is out and first cohort of ~100 orgs opt'ed in to the feature flag: https://github.com/getsentry/sentry-react-native/releases/tag/5.23.0-alpha.0

We've added native iOS and Android as well as React Native customers to the alpha cohort. We're moving on to our new milestone: Open Beta

• [Epic] Mobile Replay: Public Beta Release #70065