In the docs, i see how to add watermarks to recorded videos using Aframe as follows: <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-conf…

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).

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? XRExtras.MediaRecorder.configure({ watermarkImageUrl: require('./assets/Logos/8logo.png'), //…

Perfect. Works! Thanks so much.

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

Technical Support

Evan March 11, 2024, 10:13pm 2

Hey Sina! You can use XR8.MediaRecorder.configure() in three.js projects.

For example: three.js: Face Effects | 8th Wall | 8th Wall

Topic		Replies	Views
Add video capture button in three.js project Technical Support	1	109	March 18, 2024
Three.js Mediarecoder video capture error Technical Support	10	213	November 18, 2024
Mediarecoder video capture error Technical Support mediarecorder	4	134	January 14, 2025
Convert threejs example to Aframe example? Technical Support image-targets , general	2	183	June 11, 2024
Disable Audio Recording for MediaRecorder Technical Support	1	50	January 13, 2025

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

Related topics