Web

How to integrate Ready Player Me into web applications.

Make sure you have partner space in https://yourappname.readyplayer.me Not a partner yet? Contact us [email protected] and we'll get you set up quick! You can also use https://vr.readyplayer.me or https://fullbody.readyplayer.me to test the integration.

<iframe> integration

Ready Player Me can be embedded into your existing web application as an iframe.

Integration is as easy as

  1. Update our iframe example with https://yourappname.readyplayer.me

  2. Embed the iframe onto your existing web frontend

  3. Retrieve avatar URLs with an eventListener

When an avatar is exported (the user has clicked the "Done" button), a URL to the avatar asset is created and made available to the parent of the iframe. The URL to the avatar asset can be automatically captured with an eventListener, for example:

window.addEventListener("message", receiveMessage, false);

Please find a complete iframe working example here

https://github.com/wolfprint3d/RPM-Examples/blob/master/examples/iframe.html

This allows for seamless integration of Ready Player Me into your application where users are kept in the flow of your app.

This also works great for (VR) apps with a user-facing web-based administrative dashboard. Embed Ready Player Me into it and associate the returned avatar URLs with your user accounts.

In addition you can use our Unity SDK to import the avatars runtime into your application.

When a user customises and re-exports their avatar, the updated avatar is made available on the same URL as was created previously.