# Is it possible to add watermarks to recorded videos using threejs instead of Aframe?

**URL:** <https://forum.8thwall.com/t/is-it-possible-to-add-watermarks-to-recorded-videos-using-threejs-instead-of-aframe/670>\
**Category:** Technical Support\
**Tags:** xrextras, threejs, mediarecorder\
**Created:** [March 11, 2024, 9:44pm UTC](https://forum.8thwall.com/t/is-it-possible-to-add-watermarks-to-recorded-videos-using-threejs-instead-of-aframe/670 "2024-03-11T21:44:48Z")\
**Posts on this page:** 6\
**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 11, 2024, 9:44pm UTC](https://forum.8thwall.com/t/is-it-possible-to-add-watermarks-to-recorded-videos-using-threejs-instead-of-aframe/670/1 "2024-03-11T21:44:48Z")

</div>

In the docs, i see how to add watermarks to recorded videos using Aframe as follows:

```auto
<xrextras-capture-config
  watermark-image-url="//cdn.8thwall.com/web/img/mediarecorder/8logo.png"
  watermark-max-width="100"
  watermark-max-height="10"
  watermark-location="bottomRight"
></xrextras-capture-config>

```

Is it possible to add a watermark to recorded videos using Threejs?

---

<div class="post-metadata">

**Author:** ![Evan](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/evan/32/431_2.png) [@Evan](https://forum.8thwall.com/u/Evan)\
**Post date:** [March 11, 2024, 10:13pm UTC](https://forum.8thwall.com/t/is-it-possible-to-add-watermarks-to-recorded-videos-using-threejs-instead-of-aframe/670/2 "2024-03-11T22:13:59Z")

</div>

Hey Sina! You can use [XR8.MediaRecorder.configure()](https://www.8thwall.com/docs/api/mediarecorder/configure/) in three.js projects.

For example: [three.js: Face Effects | 8th Wall | 8th Wall](https://www.8thwall.com/8thwall/face-effects-threejs/code/run-face-pipeline.js#L9)

---

<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 11, 2024, 10:37pm UTC](https://forum.8thwall.com/t/is-it-possible-to-add-watermarks-to-recorded-videos-using-threejs-instead-of-aframe/670/3 "2024-03-11T22:37:43Z")

</div>

Great. i got that to work but I only see the xr8extras in the example you sent, but I dont see the parameters in the docs. Do you know where i can find the docs for `XRExtras.MediaRecorder.configure`?

```auto
  XRExtras.MediaRecorder.configure({
    watermarkImageUrl: require('./assets/Logos/8logo.png'), // Adds watermark to photo/video
    watermarkMaxWidth: 100,
    watermarkMaxHeight: 10,
  })

```

These are the parameters i see in the example, but im trying to find how i can replicate the `watermark-location` from Aframe into threejs

---

<div class="post-metadata">

**Author:** ![Evan](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/evan/32/431_2.png) [@Evan](https://forum.8thwall.com/u/Evan)\
**Post date:** [March 11, 2024, 10:50pm UTC](https://forum.8thwall.com/t/is-it-possible-to-add-watermarks-to-recorded-videos-using-threejs-instead-of-aframe/670/4 "2024-03-11T22:50:10Z")

</div>

I see - there is definitely room for improvement in our documentation here. Try using `watermarkLocation`. The values should be the same (one of `topLeft, topMiddle, topRight, bottomLeft, bottomMiddle, bottomRight`).

---

<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 11, 2024, 11:01pm UTC](https://forum.8thwall.com/t/is-it-possible-to-add-watermarks-to-recorded-videos-using-threejs-instead-of-aframe/670/5 "2024-03-11T23:01:14Z")

</div>

Perfect. Works! Thanks so much.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/9/9212a857458f1b03a6accb129e0f8cbea408e3e5.png) [@system](https://forum.8thwall.com/u/system)\
**Post date:** [May 14, 2024, 10:04pm UTC](https://forum.8thwall.com/t/is-it-possible-to-add-watermarks-to-recorded-videos-using-threejs-instead-of-aframe/670/6 "2024-05-14T22:04:39Z")

</div>

Closed on May 14, 2024, 10:04pm UTC

This topic was automatically closed 4 days after the last reply. New replies are no longer allowed.