Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Purpose

This handy web-based tool allows you to customise your video stream of your favourite video conferencing software (e.g. ZOOM, Teams, Webex, GotoMeeting). We have developed the software for our own trainings and workshops to provide the participants a typical "Orange Hills" feeling and allow more engaging and interactive virtual sessions. The first link provided below is for instructors and the second for participants of your video calls:

Features

The basic features of the software are:

FeatureDescription
SYSTEM
OPEN / CLOSE 'FILL / KEY WINDOW'

Choose your 'keyer' type, open the 'fill / key window' and drag it / them over to your second screen connected to your HDMI switcher (e.g. Blackmagic Design ATEM Mini).

  • GREEN = Chroma keyer (fill window): You need a computer with 1x HDMI output for fill window
  • BLACK = LUMA keyer (fill + key windows): ...a computer with 2x HDMI outputs for fill and key window
WINDOW DRAWING MODEAllows you to turn your video screen into a simple drawing board. Move your mouse to your second / video screen and start drawing. The keyboard shortcut CTRL + D allows you to toggle this feature on and off.
MACROS

Allows you to show / hide various visual elements at the same time with one mouse click. This features comes in handy, if you want to switch from one "scene" to another in your workshop or training, say from your welcome note (with banner and agenda opened) to an introduction to Business Design (showing the process and guiding principle X). We hope that most of the labels in the pulldown menus are self-explanatory. E.g.

  • SHOW CHAT: Shows the chat pane (see VISUALS)
  • SHOW BANNER: Shows the left side banner with the currently selected "top" text element
  •  SHOW BANNER TOP #1: Shows the left side banner with the first "top" text element
  • SHOW GUIDING PRINCIPLE CF: Shows the purple shape with the principle "Customers first"
  • SHOW PROCESS DIS: Shows the Business Design process with the Discover phase highlighted
  • RUN MACRO #2: Runs macro #2, which allows you to chain macros together (avoid infinite loops!)

HINT: You can also start a macro with the keyboard shortcuts CTRL + <macro_nr> (1-4) 

STAGE DIRECTIONSA little table for you to jot down notes for your instructions and reminders throughout your session. "Time" and "Topic" items are automatically copied from your agenda (see VISUALS).
VISUALS
SHOW / HIDE BANNER

Displays a banner on the left side of your screen and puts text on it (e.g. welcome note, key topics, agenda, contact details etc.). The following attributes can be adjusted:

  • ICON: Show an icon at the top right of the screen
  • STYLE: OH styles or choose CUSTOM to individual background colors
  • BG COLOR: Background color
  • TXT COL: Text color 

You can prepare three different text elements that you want to show throughout a session. Click on the corresponding radio button and hit "SHOW" to show your text on screen. You are also able to upload your own icon. Simply click on the "SHOW CTRL" button in the header bar and then on one of the cog wheels that show up on your video screen.

SHOW / HIDE NAME BADGE

Shows a simple name badge / "lower third" with your name and company at the bottom of your screen. The following attributes can be adjusted:

  • BG COLOR: Background color
  • BG OPACITY: Background opacity
  • TXT COL: Text color
SHOW / HIDE CHAT / CLOUD / POLL

Provides a panel on the video screen that shows real-time messages from yourself and your participants. Use this function for simple ad-hoc polls, quizzes or interactive discussions. Your participants can use their smart phones (http://video.orangehills.de) as a second screen to interact with you during a session. We love it!

You can choose from two modes:

  • CHAT: Shows a chat "banner" with messages from participants and you
  • CLOUD: Shows a fullscreen map with all messages from participants arranged in a visual word cloud. The size of the words represents how often the word has been sent
  • POLL: Shows a simple bar chart with A-E on x-axis for simple polls. Send some instructions via 'YOUR MESSAGE' field to the chart and let your participants vote by typing A-E into their chat client.
  • CARDS: Shows sticky cards on your video screen that can be dragged and positioned with your mouse.

HINT: The pin provided in the little input field ("0000") is important for your participants to connect to your session. Hit the "QR CODE" button and provide your participants a seamless experience to connect: They just need to hold their smart phones (with camera on) in front of their screens, record the QR code and get redirected to the pre-configured client. Done.

SHOW / HIDE ("Business Design")  GUIDING PRINCIPLES

Shows the famous" Business Design" magnetic shapes...nothing fancy but helpful for short "Business Design" introductions.

HINT: You can even position the shape on your video screen with your mouse (drag & drop).

SHOW / HIDE AGNDAAGENDAShows a simple agenda for your session (seven items max. with time, type and topic).
SHOW / HIDE ("Business Design") PROCESS

Shows a very basic "Business Design" process at the bottom of your screen. You can highlight each phase by pressing the following buttons:

MEDIA
SHOW / HIDE TEXT

Allows you to overlay a customizable text with a pretty large font size over your entire screen. The following attributes can be adjusted:

  • BG COLOR: Background color
  • BG OPACITY: Background opacity
  • TXT COL: Text color
  • TXT SIZE: Size of text in px
  • TXT WIDTH: Width of text box in px
  • TXT HEIGHT Height of text box in px
SHOW / HIDE IFRAMEShows a simple iframe in different sizes (see SHOW / HIDE PICTURE for more details). Be aware that not all web resources allow it to be displayed within an iframe (X-Frame-Options).
SHOW / HIDE PICTURE

Shows a white panel on your screen that allows you to select image files from your computer to be displayed on your video screen. You can choose from three sizes:

  • SMALL: 800 x 640 pixel
  • SKY: 800 x 940 pixel
  • FULL: 1820 x 940 pixel

Use the cursor buttons to move the panels around. This panel can also be repositioned with cursor buttons and a slider allows you to adjust the color and opacity of the background from 0 to 100% and rotate the picture canvas by 30 degree to the left and right. Click on "SHOW CTRL" in the header bar to display a (multiple) file selector and select your files from your hard disk.

HINT: You can even position the picture canvas on your video screen with your mouse (drag & drop) and drag files from your hard disk right onto the picture canvas. It is that simple.

SHOW / HIDE YOUTUBE VIDEO

...similar to "Show / hide picture" but for video content. Works only with Youtube. You need a Youtube ID of a video to load and show it.. These IDs can be found on Youtube below the videos ("Share" button).

HINT: You can even position the canvas on your video screen with your mouse (drag & drop).

PLAY MUSIC

Here, we have embedded a Spotify playlist with great tunes we love to play at the beginning of a session or during breaks.

UTILITIES
SHOW / HIDE TIMERDisplays a timer counting backwards from X min to 0. The timer will be displayed at the bottom right corner of your screen. This element can be repositioned on your screen with the cursor buttons. Same here: You can even position the timer on your video screen with your mouse (drag & drop).
SHOW / HIDE TEXT TICKERShows a simple text ticker with content you have filled into the input field.

In the header bar of the "Video Overlay Controller", you find a simple pulldown menu named "PRESETS". Here you can change between three preset settings for all your text and adjustments. Simply change the preset, adjust your text, and everything will be automatically stored into the current preset 1, 2 or 3. Great feature if you want to prepare different "virtual" workshops at the same time.


KEPP IN MIND: This is not a commercial product and for INTERNAL USE ONLY. Use at your own risk. The use of the software is done at your own discretion and risk and with agreement that you will be solely responsible for any damage that results from such activities. The software doesn't store any personal data on our server systems. Your input of text elements and settings are solely stored as 'cookies' on your local hard disk.

Example output

Instructor view


Participant view


Instructions for setup

You need a basic setup to get the software up and running:

  • Computer with your video conferencing software
  • HDMI video switcher (e.g. Blackmagic Design ATEM Mini) with a LUMA or Chroma keyer and connected to your computer via USB
  • USB to HDMI adapter to connect your computer to the HDMI switcher (your second screen)
  • External video camera that is also connected via HDMI to your switcher

Please follow the steps below:

  1. Start your video conferencing software and select the HDMI video switcher as camera source
  2. Open the Video Overlay Controller on http://video.orangehills.de/admin and open the "fill window" (GREEN mode)
  3. Drag the "fill window" with your mouse over to your second screen (left or right side of your main screen). Make sure your screens are not mirrored and the second screen is set to 1080p (HD)!
  4. Set the "fill window" to fullscreen
  5. Turn on the Chroma keyer of your HDMI video switcher, fed by the HDMI input that is connected to your computer (second screen)
  6. Voila. Now you can show / hide the different functions and visual elements introduced before.