LogoLogo
HomeDiscordVideo TutorialsBuilder Opportunities
  • Welcome to MONA
    • What is a Space?
    • Unity Overview
  • ⬛Create
    • Getting Started Building
    • MONA Crash Course
      • Setting up MONA in Unity
      • Introduction to Unity
      • Setting up Simple Assets
      • Metaverse / WebGL Limitations
      • Creating 3D Assets
      • Applying Materials & Unwrapping UVs
      • Importing Assets into Unity
      • Adding Colliders
      • Adding Lighting
      • Adding a Custom Skybox
      • Setting up Canvases
      • Uploading to your Wallet
    • Building Spaces
      • Space Limitations
      • Create your Space
        • Space Overview
        • Colliders
        • Materials
        • Portals
        • Canvases
        • Artifacts
        • Add a Custom Skybox
        • Test Your Space
        • Troubleshooting
      • Improve your Space
        • Lightmaps (Unity Lightmapper)
        • Light Probes
        • Reflection Probes
        • Animation in Unity
        • Importing Animation
        • Player Property Volumes (PPV's)
        • Warp Volumes
        • Adding Audio
        • VRM Switcher
        • Custom Canvases
        • Embedded Video
        • User Interface (UI)
        • Creating Custom Shaders
        • Imported Assets
        • Lightmaps (Bakery Asset)
      • Optimise your Space
        • Prefabs
        • 3D Asset Specs
        • Optimizing your Space
      • Adding Interactivity
        • Visual Scripting
          • Web Request Node
        • Mona Reactor
          • Creating Animation
          • Using Animator
          • The Reactor Component
          • Reactor Overview
      • MONA Tools
        • Template Utility
        • MONA Capture
        • Light Probe Generator
        • VOX Importer
      • Submit Your Space
        • Submitting your Space
        • Creating an Image & Video Preview
        • QA Process
        • Mint Your Space
      • Update your Space
      • Frequently Asked Questions
      • Troubleshooting
    • Creating Assets
      • Asset Requirements
      • 3D Asset Types
      • Asset Creation Approaches
      • Optimizing your Mesh
      • GLB Considerations
      • Example - Cyberpunk Car
    • Creating Avatars
      • Getting Started with VRM
      • VRM Requirements
      • VRM Creation
        • Using Mixamo for Rigging
        • Adding Custom Bones to the Rig (Optional)
      • Creating your Avatar using UniVRM
        • Importing UniVRM into Unity
        • Creating the VRM using UniVRM
        • Adding Spring Bones in UniVRM (Optional)
      • Creating your Avatar using 'VRM for Blender'
        • Adding 'VRM for Blender' into Blender
        • Using 'VRM for Blender' for Rigging
        • Adding a Material
        • Assigning VRM Details
        • Exporting the Avatar
      • Uploading your VRM
      • Using Avatars in WebAR
      • Submitting your VRM to the Mona Marketplace
      • Mint Your Avatar
      • Troubleshooting
    • Resources
      • MONA Claim Asset Requirements
      • Unity Wallet SDK (Alpha)
      • MONA Playground
      • MONA Tutorials
        • Retrowave Modules
      • Asset Resources
        • 3rd Party Assets
        • Textures
        • Shaders
        • 3D Assets
        • Audio
        • Tools
        • Tutorials
      • MONA Library
        • MONA Library Submission
      • Useful Unity Packages
      • Updating the Template SDK
      • Importing Mozilla Hubs Spaces to MONA
      • Importing AltspaceVR spaces to MONA
    • MONA Marketplace
  • ⬛Explore
    • How to Use MONA
    • Using VRM Avatars
    • Audio Settings
    • Explorer's Frequently Asked Questions
  • ⬛Collect
    • Setting up a wallet
      • Delegating a Wallet
    • Own a Space
      • Host an Event
      • Uploading your Images
      • Add Images to a Canvas
      • Live Music Feed
      • Token Gated Access
      • Minted 3rd Party Assets
    • MONA Create
      • Create FAQ
    • Live Streaming in MONA
      • Setting up OBS Studio
      • Livestream using OBS Studio
      • Livestream using a Mobile Device
      • How to Stream Using Twitch or YouTube
      • Add a Livestream to a Canvas
    • Collector's Frequently Asked Questions
  • General Resources
    • Web3 Introduction
    • How to sell Art in Web3
    • Game Dev Glossary
    • Buildathons / Challenges
      • 3D Asset Buildathon (Current)
        • Frequently Asked Questions
      • Emote/Emoji Challenge (Completed)
      • Stream Challenge (Completed)
      • Custom Avatars (Completed)
      • Build : NY Challenge (Completed)
      • Sculpture Challenge (Completed)
      • Portal Hub (Completed)
      • Interact (Completed)
      • The Renaissance (Completed)
Powered by GitBook
On this page

Was this helpful?

  1. Collect
  2. Live Streaming in MONA

Add a Livestream to a Canvas

PreviousHow to Stream Using Twitch or YouTubeNextCollector's Frequently Asked Questions

Last updated 1 year ago

Was this helpful?

To video livestream into a Mona Space, you will need to apply an .m3u8 Video Livestream link to an existing Canvas inside your Space. Getting this link is described in Livestream using OBS Studio

  • You can only have ONE livestream feed in a space at a time.

  • The link needs to end with .m3u8. Other links, such as Twitch or YouTube URLs will not work.

  • The Frame rate will be affected when Live Streaming in a space.

  • Once you have a Space in your wallet on monaverse.com, it will list all the links possible in your space with their unique names as reference.

  • Select 'Link' to fill in the information as you see fit.

  • The 'External URL' link under Other (which includes links to NFT Marketplaces etc) is the website that will open when the Canvas is clicked on in Mona. An example would be a link to an NFT marketplace page, but any website can be linked here.

  • The Canvas type currently supports Images (covered in the previous tutorial) and Streaming. The Canvas Live Stream URL must be an HLS (Http Live Streaming) URL, which ends in .m3u8. An example is shown above : https://dweb.link/ipfs/XXXX/live-stream.m3u8 Note that if you try to change the Canvas Type on a previously linked Canvas the cursor might show that you cannot change it. For this all you need to do is Unlink the canvas before relinking the content as you like.

As noted, Twitch and YouTube website URLs will not work for this link. Getting the .m3u8 link is covered in Livestream using OBS Studio

  • The Live Stream Crop Mode option selects if the Canvas scales to the media or the Media scales (or crops) to the Canvas.

    • Fit Media inside Canvas will crop the stream to keep the canvas the same size as set in Unity.

    • Scale Canvas down to Media Size will reduce the canvas to the ratio of the stream. So a Landscape stream will reduce the height and a Portrait will reduce the width of the canvas.

  • The last item is the 'Active Stream' toggle. If this is off, the canvas itself will be completely hidden. If it is on, the canvas will be displayed, and linked to the stream.

  • Once you have set the links as you see fit, select 'Link Canvas' or 'Save Edits' to apply the settings.

Note that if you haven't actually started streaming the 'Link Canvas' or 'Save Edits' button will not do anything. Make sure to have started streaming before pressing this button.

Examples of the Crop Modes are below.

⬛
Livestreaming Video Tutorial - Canvas section is towards the end
The Canvas Link options
Fit Image inside Canvas example
Scale Canvas down to Image Size