# How to resolve indefinite loading spinner from recording a video using XRExtras.MediaRecorder

**URL:** <https://forum.8thwall.com/t/how-to-resolve-indefinite-loading-spinner-from-recording-a-video-using-xrextras-mediarecorder/738>\
**Category:** Technical Support\
**Created:** [March 14, 2024, 7:30pm UTC](https://forum.8thwall.com/t/how-to-resolve-indefinite-loading-spinner-from-recording-a-video-using-xrextras-mediarecorder/738 "2024-03-14T19:30:59Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sina\_Amini](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/sina_amini/32/330_2.png) [@Sina\_Amini](https://forum.8thwall.com/u/Sina_Amini)\
**Post date:** [March 14, 2024, 7:30pm UTC](https://forum.8thwall.com/t/how-to-resolve-indefinite-loading-spinner-from-recording-a-video-using-xrextras-mediarecorder/738/1 "2024-03-14T19:30:59Z")

</div>

I have a project that uses the MediaRecorder like so:

```auto
      XRExtras.MediaRecorder.initRecordButton() // Adds record button
      XRExtras.MediaRecorder.initMediaPreview() // Adds media preview and share
      XRExtras.MediaRecorder.configure({
        watermarkImageUrl: require('./assets/Logo.png'), // Adds watermark to photo/video
        watermarkMaxWidth: 100,
        watermarkMaxHeight: 15,
        watermarkLocation: 'bottomMiddle',
      })

      XR8.MediaRecorder.configure({
        maxDurationMs: 15000,
        enableEndCard: false,
      })

```

Im running into a bug where, on some devices i get an indefinite loading spinner around the recording button, which doesn’t allow me to save the recorded video, but on other devices the recording works just fine. I’m not sure how to diagnose this issue and was looking for some insight.

---

<div class="post-metadata">

**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\
**Post date:** [March 14, 2024, 7:34pm UTC](https://forum.8thwall.com/t/how-to-resolve-indefinite-loading-spinner-from-recording-a-video-using-xrextras-mediarecorder/738/2 "2024-03-14T19:34:44Z")

</div>

Hello @Sina_Amini are you receiving any console errors or logs on devices where it loads forever?

What specific devices are these? What are the length of the videos? Do very short videos load infinitely as well or is it just long ones? more information would be helpful.

If longer videos cause the problem you may need to reduce the maxDurationMs

---

<div class="post-metadata">

**Author:** ![Sina\_Amini](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/sina_amini/32/330_2.png) [@Sina\_Amini](https://forum.8thwall.com/u/Sina_Amini)\
**Post date:** [March 14, 2024, 7:37pm UTC](https://forum.8thwall.com/t/how-to-resolve-indefinite-loading-spinner-from-recording-a-video-using-xrextras-mediarecorder/738/3 "2024-03-14T19:37:17Z")

</div>

Tha max duration of the videos currently is 15 seconds. The bug happens on the devices regardless of how long they record for, whether its 1 second or the full 15 seconds. The devices that get the bug so far are an iphone 15 pro and an iphone 13 pro max. I don’t have any console errors or logs from these devices but i can try to get some

---

<div class="post-metadata">

**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\
**Post date:** [March 14, 2024, 7:49pm UTC](https://forum.8thwall.com/t/how-to-resolve-indefinite-loading-spinner-from-recording-a-video-using-xrextras-mediarecorder/738/4 "2024-03-14T19:49:27Z")

</div>

Can you repro this in our default sample project here?

> **[A-Frame: Face Effects | 8th Wall | 8th Wall](https://www.8thwall.com/8thwall/face-effects-aframe)**
>
> Get started with 8th Wall Face Effects! This A-Frame example attaches 3D glasses to the detected 
> face and applies a tattoo to the face mesh.

Or is it project specific to yours?

---

<div class="post-metadata">

**Author:** ![Sina\_Amini](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/sina_amini/32/330_2.png) [@Sina\_Amini](https://forum.8thwall.com/u/Sina_Amini)\
**Post date:** [March 14, 2024, 7:51pm UTC](https://forum.8thwall.com/t/how-to-resolve-indefinite-loading-spinner-from-recording-a-video-using-xrextras-mediarecorder/738/5 "2024-03-14T19:51:18Z")

</div>

The devices that experienced this bug also experience it on that default sample project.

Here is a test recording from one of our devs running ios 17.4 with an iPhone 15 pro, experiencing the issue on the above sample project:

[![](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/1X/1467920856ea6df2a3f94bfb268009d7a77b4271.jpeg "8th wall camera video recording bug") ](https://www.youtube.com/watch?v=8RVUxlehGNE)

---

<div class="post-metadata">

**Author:** ![Sina\_Amini](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/sina_amini/32/330_2.png) [@Sina\_Amini](https://forum.8thwall.com/u/Sina_Amini)\
**Post date:** [March 14, 2024, 8:08pm UTC](https://forum.8thwall.com/t/how-to-resolve-indefinite-loading-spinner-from-recording-a-video-using-xrextras-mediarecorder/738/6 "2024-03-14T20:08:57Z")

</div>

The video in my previous comment was from a different sample project. We re-recorded a test using the sample project you linked. Same phone and issue as before.

[](https://www.youtube.com/watch?v=qmdC7b57NBA)

---

<div class="post-metadata">

**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\
**Post date:** [March 15, 2024, 6:54pm UTC](https://forum.8thwall.com/t/how-to-resolve-indefinite-loading-spinner-from-recording-a-video-using-xrextras-mediarecorder/738/7 "2024-03-15T18:54:44Z")

</div>

Hello @Sina_Amini thank you for your patience here. We have reported this to the internal team and will keep you updated.

---

<div class="post-metadata">

**Author:** ![Sina\_Amini](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/sina_amini/32/330_2.png) [@Sina\_Amini](https://forum.8thwall.com/u/Sina_Amini)\
**Post date:** [March 19, 2024, 6:38pm UTC](https://forum.8thwall.com/t/how-to-resolve-indefinite-loading-spinner-from-recording-a-video-using-xrextras-mediarecorder/738/8 "2024-03-19T18:38:28Z")

</div>

Hi @Ian has there been any updates on the issue?

---

<div class="post-metadata">

**Author:** ![Michael\_Krog](https://avatars.discourse-cdn.com/v4/letter/m/ce73a5/32.png) [@Michael\_Krog](https://forum.8thwall.com/u/Michael_Krog)\
**Post date:** [March 21, 2024, 2:35pm UTC](https://forum.8thwall.com/t/how-to-resolve-indefinite-loading-spinner-from-recording-a-video-using-xrextras-mediarecorder/738/9 "2024-03-21T14:35:34Z")

</div>

I got this same issue as well any incoming updates @Ian

---

<div class="post-metadata">

**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\
**Post date:** [March 21, 2024, 6:47pm UTC](https://forum.8thwall.com/t/how-to-resolve-indefinite-loading-spinner-from-recording-a-video-using-xrextras-mediarecorder/738/10 "2024-03-21T18:47:28Z")

</div>

The team has pushed a fix to XRExtras that should resolve the issue. It’s currently in the beta version - if you are using the Cloud Editor, please update head.html and add `:beta` to the xrextras meta tag:

Example (Cloud Editor)

```auto
<meta name="8thwall:package" content="@8thwall.xrextras:beta">

```

If you are self-hosting, you’d append `-beta` to your xrextras script tag:

```auto
<script src="//cdn.8thwall.com/web/xrextras/xrextras-beta.js"></script>

```

We’ll look to promote the fix to the release version of xrextras soon, but you can test/verify the fix in the beta channel for now. Let us know if this resolves your issue.

---

<div class="post-metadata">

**Author:** ![Sina\_Amini](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/sina_amini/32/330_2.png) [@Sina\_Amini](https://forum.8thwall.com/u/Sina_Amini)\
**Post date:** [March 21, 2024, 6:59pm UTC](https://forum.8thwall.com/t/how-to-resolve-indefinite-loading-spinner-from-recording-a-video-using-xrextras-mediarecorder/738/11 "2024-03-21T18:59:13Z")

</div>

Thanks @Ian! I updated to the beta version and it works!
