Integrate your Stream

Great that you have come this far.

Congratulations on deploying your stream. Now, it's time to share it with your fans.

Follow the steps below to integrate your metaverse into your website.

Quick Start

  • Add the YOM Core script to your HTML: Insert this line inside the <head> tag of your HTML file:

<script src="https://temp-yom-branding.s3.eu-west-1.amazonaws.com/yom-core.js"></script>

  • Create a target div for your stream: Place this div within the desired location in your webpage and replace data-streamurl with your personalized stream url:

<div id="yomTarget-1" data-streamurl="${STREAM_URL}"></div>

  • Add User Input and Launch Button somewhere on your page:

<input type="text" id="yomInput-1" placeholder="Your Name">
<button id="yomLaunch-1">Start Experience</button>

That's it! You now have a basic YOM integration. Launch your page to see it in action.

Troubleshooting

If you encounter issues:

  1. Check your browser console for error messages.

  2. Ensure all required scripts are loaded correctly.

  3. Verify that stream URLs are correct and accessible.

For further assistance, contact our team at info@yom.ooo.

PreviousDeploy your StreamNextCustom Authentication

Last updated