ohyay

learn ohyay

Welcome to the ohyay support hub, where you'll find guides and documentation to help you start building in ohyay as quickly as possible. Let's jump right in!

Get Started    

THE BASICS: PART THREE

Learn how to create previews/livestreams of other rooms in your space, create a virtual lobby, and set up speaker slots in a presentation room. Check out the video tutorial here: https://www.youtube.com/watch?v=p8XdCnrSyXQ&t=1134s.

šŸ–¼ Room Previews

A room preview is a live feed of another room in ohyay.

You might want to use room previews for:

  • Presentations: You can stream a presentation (e.g. wedding ceremony, graduation) into smaller, more intimate rooms.
  • Trivia: You can broadcast the room with the trivia master into different rooms within your workspace, and the trivia master won't get the chatter from individual teams.

Here's an example of an ohyay wedding, streamed into a smaller room via a room preview:

To make a preview of another room:

  1. Click on "Element" in the menu. Select "Insert Element" and "Room Preview."
  2. Click on the empty frame that appears to pull up its settings in the right-hand panel.
  3. Click on "(None)" next to "Room to Preview" and select your room to preview.

You can customize a few different things in the settings of room previews:

  • Live Music Volume: If there's music in the room being previewed, you can adjust it using the slider.
  • Participant Audio: You can adjust the volume of the people talking in the room.
  • Participant Thumbnail Only: If checked, your room previews will only pull in emoji thumbnails of the participants in the room. If unchecked, it will pull in their videos.

šŸ—ŗ Making Lobbies and Maps

Creating a virtual lobby is a great way to give your guests a bunch of rooms to pick from. With a lobby experience, you replace the room list on the left-hand side.

Example of a virtual lobby where you can click into images to go to different rooms:

You won't want to use room previews in your virtual lobby, since they'll take up too much bandwidth.

Instead, you can create "fake" room previews by inserting assets from your Asset Library.

To create a virtual lobby:

  1. Click on the landscape icon on the top left of your screen to add a photo element, which will open up the Asset Library.
  2. Cick on an image of a room in your space that you'd like guests to navigate to.
  3. Click on the "T" at the top left of your screen to add a text element and type in the name of the room. Drag it towards the bottom of the image.
  4. Click on the image to pull up its settings in the right-hand panel.
  5. Search for "link" in "Search Properties" at the top of the image's settings.
  6. Click on "(None)" next to "Linked Room" in the image's settings and select the room to which the image should link.
  7. Repeat the steps above until you have as many rooms in your lobby as you'd like.
  8. Click on "Room" > "Settings" in the menu. Check "Hide Room Navigator," since this room will now serve as your guests' navigation.

šŸ‘©ā€šŸ’¼ Participant Counts

Adding participants counts to your lobby images will tell your guests how many people are in each room.

To add participant counts to your lobby images:

  1. Click on "Element" in the menu and select "Participant Count/List" from the dropdown.
  2. Click on the pen icon next to "Room IDs" in the element's settings and choose a room from the dropdown.
  3. Change the display mode to your liking in the element's settings.
  4. Drag the participant count/list over to the image of the room it's correlated with.

Example of a virtual lobby with participant counts on the bottom right of images:


šŸŽ¤ Creating a Presentation Room

  1. Add two participant video elements to host two speakers in your presentation room. Name them "Presenter A" and "Presenter B."
  2. Add a multi-user video chat and drag it towards the bottom of your screen. Name it "Audience." (See the Part One guide to learn how to set a grid chat to "Audience Mode.")
  3. Add fake participants to fill up your audience and speaker slots.

šŸš§

Assigning Speaker Slots

Before your event, you'll want to manually assign your speaker slots to specific emails, so only the speakers can pop into those slots.


šŸ”• Creating an Action Button to Mute the Audience

How to create a "mute" button to mute your audience:

  1. Click on the lightning bolt icon āš”ļø at the top of your screen to make an action button. (As a reminder, breakout buttons move people; action buttons invoke actions).
  2. Drag the button into your "Notes and Controls" panel at the bottom of your screen, so it's only visible to you and other event directors.
  3. Click on the pen icon next to "Action" in the "Element" section of the button's settings to open up its configuration.
  4. Set the first line item in the configuration so that it reads like this: Element > (Your Room) > Audience > set > External Volume > 0.
  5. Click on the plus signāž• to add another line item.
  6. Set the second line item in the configuration so it reads like this: Element > (Your Room) > Audience > set > Internal Volume > 0.
  7. Click "Done."

Your configuration should look like this:

To create an inverse of the "mute" button (an "unmute" button), you can just copy-paste the "mute" button, open up the Action Builder, and drag the volume bars all the way up to 1.0.


šŸ”” Creating an Action Button to Show/Unmute a Speaker

Let's now make a button to show one presenter while hiding and muting the other one.

How to create a "show" button for a speaker:

  1. Click on the lightning bolt icon āš”ļø at the top of your screen to make an action button.
    2. Drag the button into your "Notes and Controls" panel at the bottom of your screen, so it's only visible to you and other event directors.
  2. Name the button "Show Presenter A / Hide and Mute Presenter B."
  3. Click on the pen icon next to "Action" in the "Element" section of the button's settings to open up its configuration.
  4. Set the first line item in the configuration to: Element > (Your Room) > Presenter A > set > Visible > check.
  5. Click on the plusāž• to add another line item.
  6. Set the second line item in the configuration to: Element > (Your Room) > Presenter B > set > Visible > uncheck.
  7. Click on the plusāž• to add another line item.
  8. Set the third line item in the configuration to: Element > (Your Room) > Presenter A > set > Audio Volume > 1.00.
  9. Click on the plusāž• to add another line item.
  10. Set the fourth line item in the configuration to: Element > (Your Room) > Presenter B > set > Audio Volume > 0.
  11. Click "Done."

Your configuration should look like this:

Now, when you go into Director Mode and hit the button, Presenter A will be visible with their volume up; Presenter B will be invisible with their volume down.

To do the inverse ("Show Presenter B / Hide and Mute Presenter A"), you can simply copy the button, rename it, and reverse the visible + audio volume configurations.

Inverse Configuration ("Show Presenter B / Hide and Mute Presenter A"):


šŸ“ø Creating an Action Button to Move Elements

Sometimes, during a presentation, you don't want to have to drag a presenter out of a slot. You want a button that's going to get the person exactly where they need to be.

How to create a button that moves an element to a specific location:

  1. Click on the lightning bolt icon āš”ļø at the top left of your screen to make an action button.
  2. Drag the button into your "Notes and Controls" panel at the bottom of your screen, so it's only visible to you and other event directors.
  3. Drag your slot to where you want the speaker to appear, usually at the center of the canvas.
  4. Click on your action button and search for "Snapshot Layout" in its settings.
  5. Click on "Start Snapshot" next to "Snapshot Layout" under "Element."
  6. Select your speaker slot and click "Take Snapshot."

Now, if you open up the button's configuration, you'll see that it has populated the element's width, height, Z-Index, etc. on the canvas.

Your "Snapshot Layout" configuration should look something like this:

šŸŽ‰ Congratulations, you made it! Reach out to us at [email protected] with any suggestions or questions, and stay tuned for "Part Four."

Updated 2 months ago


THE BASICS: PART THREE


Learn how to create previews/livestreams of other rooms in your space, create a virtual lobby, and set up speaker slots in a presentation room. Check out the video tutorial here: https://www.youtube.com/watch?v=p8XdCnrSyXQ&t=1134s.

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.