Playground
  • What is Playground?
  • Why Playground
  • 🚀Getting Started
    • Quick start
    • Enable motion tracking
    • Import your models
    • Invite your friends
  • 🖥️System
    • Supported browsers and platforms
    • Supported streaming software
  • 🙍Model
    • Supported model files
    • Finding your models
    • Motion tracking
    • Reposition and resize
  • 🚪Rooms
    • Create Rooms
    • Invite friends
    • Password protected rooms
    • Join rooms
    • Room capacity
  • 🖼️Layout and background
    • Reorder layers
    • Sync position and layers
    • Background colour
    • Transparent background
    • Scenes
  • 🎥Streaming
    • Show hide interface
    • Stream to OBS (quick)
    • Stream to OBS (detail)
    • OBS Dock
    • Playground Desktop App
  • 🐛Bug and Issues
    • Freezing and crashing
    • Model not showing up
    • More integrations
    • Other issues
    • Lag Troubleshooting
  • 🛡️Security and Privacy
    • Security measures
    • File handling
    • Encryption
    • Privacy policy
  • 📑Documentation
    • Change log
      • 📓V1.2.0 & V1.3.0 Update
      • 📖V1.1.0 Update
      • 📚V1.0.0 Update
      • 📔V5 Update
      • 📙V4 Update
      • 📕V3 Update
      • 📗V2 Update
      • 📘V1 Update
Powered by GitBook
On this page
  • Direct Transparency
  • Chroma Key
  1. Layout and background

Transparent background

PreviousBackground colourNextScenes

Last updated 2 years ago

You can accomplish transparent background in your stream by using direct transparency in OBS or Chroma key.

Direct Transparency

  1. Go to the colour picker on the navigation bar and select the transparency swatch.

  2. The background will show as white but it will appear transparent in OBS.

  3. Next go to OBS and add your video source

  4. Right click on the video source and select ‘Filter’.

  5. Click the ‘+’ under the ‘Effects Filters’ section, then select ‘Chroma Key’.

  6. Enter a name for the effect layer and set the ‘Key Color Type’ to match your chosen colour.

Chroma Key

  1. Go to the colour picker on the navigation bar and select a neon green, magenta or blue background colour. Be sure to choose a colour that is not present in your model.

  2. Next go to OBS and add your video source

  3. Right click on the video source and select ‘Filter’.

  4. Click the ‘+’ under the ‘Effects Filters’ section, then select ‘Chroma Key’.

  5. Enter a name for the effect layer and set the ‘Key Color Type’ to match your chosen colour.

When adding a chroma key OBS will automatically generate some baseline settings. Experiment and fine tune these settings to get the best results.

We are currently in early development and are working to improve our product. If you have suggestions for us or notice any issues please contact us at or join our .

🖼️
Discord
app@avatech.gg