LogoLogo
  • Manifesto
    • What is YOM?
      • State of Gaming
      • Decentralizing Cloud Gaming
    • Technology
      • YOM DePIN
      • YOM Webapp
      • YOM SDK
    • 🏆Ecosystem
      • Value Flow
      • Tokenomics
      • Reputation
      • Governance
      • Programs
  • 🏗️BUILD
    • 📄Overview
      • Key Components
    • 🚀Getting Started
      • Import the UE5 SDK
      • Configure your Stream
      • Test your Stream
      • Package your Stream
      • Deploy your Stream
      • Integrate your Stream
        • Custom Authentication
        • Event Handling
        • Multi-Stream Setup
        • Dynamic Layouts
    • 🛠️SDK Features
      • Responsive Design
      • Custom Characters
      • Registering Events
      • Push Events
      • Optional
        • SDK Assets
        • Inventory
        • Portals
        • Nameplates
        • Gated Access
        • Airdrops
        • Counters
        • Control Hints
    • ⚡Stream Optimization
  • 💎EARN
    • 💻Node Rewards
    • ⚖️YOM vs Aethir
    • 🚀Getting Started
      • Delegation
      • Self-hosted
        • Disk
        • Code
    • ⚡Rig Optimization
  • Node Owners
    • Node Operators Manual
      • Understanding Your Role as a Node Operator
      • Self-Hosted vs. Delegated Nodes
      • Hardware Requirements
      • Getting Started: Choosing Your Node Type & Obtaining a Node License
      • Installation Guide
      • Monitoring Your Node
      • The $YOM Reward System
      • The Role of $YRX (XP Points)
      • Staking $YOM for Enhanced Rewards
      • Troubleshooting Common Issues & FAQs
      • Community & Support Channels
      • Understanding Network Dynamics & Updates
      • Security Best Practices
      • $YOM Token Economy & Burn Mechanism
      • KYC & Compliance
      • Minimum Payout Program & Stay Online Incentives
      • Potential Risks & Considerations
      • Glossary of Terms
  • Compliancy
    • Token Disclaimer
    • Terms and Conditions
    • Privacy Policy
  • About
    • Token Allocation
    • 🙋Social Media
    • ⁉️FAQ
Powered by GitBook
On this page
  • Quick Start
  • Troubleshooting

Was this helpful?

Export as PDF
  1. BUILD
  2. Getting Started

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.

PreviousDeploy your StreamNextCustom Authentication

Last updated 10 months ago

Was this helpful?

For further assistance, contact our team at .

🏗️
🚀
info@yom.ooo