All Collections
8.0 SCENE DESIGNER
8.2 Canvas - Zoom - Setting Background
8.2 Canvas - Zoom - Setting Background

Set background of your canvas

Omma Sign avatar
Written by Omma Sign
Updated over a week ago

Canvas

Canvas is the area that represents your screen (white rectangle on the middle). Background and canvas settings are on the right.

  • You can set the scene name by typing into the Title input on the canvas tab. You can also type above the canvas.

  • You should adjust the width and height according to your device resolution before start.

Zoom

You can zoom in-out using the slider on top or on the canvas tab.

Background

Background is the base layer for your other design elements. There are 5 different background types that you can choose from.

-1- Color

  • Color is default option when you create a new scene. 

  • Click on the small box next to the color option. This will open a color palette. You can click on the palette, enter RGB values, enter a hex code or choose from preset colors at the bottom.

  • Click somewhere else to close color palette.

-2- Image

Note: You can only use one image as background. If you want to add multiple images, visit here.

  • Select Image from background drop-down menu.

  • Image placeholder will appear on the canvas, and there will be settings for the Image background. Click Pick Media From Library button.

  • This will open your media library, and only images will be listed. This is the list view of the media library.

  • Click on the checkbox to the left of your image to select it. Click Add to Content.

  • Your Image will appear on the canvas. If the resolution is not the same with your canvas, image will fit to the canvas automatically.

-3- Video

Note: You can only use one video as background. If you want to add multiple videos, visit here.

  • Choose video from the background drop-down menu. Video placeholder will appear on the canvas. Selecting your video from media library is same with selecting image process (above).

  • Your video will appear on the canvas. Click play button on the bottom right to preview your video. You can click on the timeline on the bottom to expand it. Here you can see the total duration.

  • Timeline will be useful with the animations.

Note: Playlist Item's duration will be updated to the length of video.

-4- HTML

  • Click on the HTML from background drop-down menu.

  • Code placeholder will appear on the canvas. There will be a HTML Code text area on the right. You can paste your html code here and it will show up on the canvas instantly.

-5- Iframe

  • Click on the Iframe from background drop-down menu.

  • Web placeholder will appear on the canvas. Paste URL into the input area under background drop-down menu.

Note: Iframe is not previewed on the canvas.

-6- Stream (IPTV)
Check our IPTV Support on different platforms here.

Stream Type: OMMA supports HLS and UDP stream types. Other stream types are not tested on-field and therefore not supported officially.

Quality: Most devices can stream up to 720p and performance is dependent on the device hardware, there is no software-wise upper limit for quality.

Codec Support: Device must support the codec of the stream. Most codecs are supported.
  • Click to add a Scene.

  • On the right panel, select Stream under Background.

  • Enter the Stream IP and Save.

Note: Stream is not previewed on the canvas.

_______

_______

Did this answer your question?