Studio Streaming (for the app) and Design Studio (for PC) are features that allow you to customize your streaming screen. You can combine backgrounds and images or display comments, clock and etc.

• Supported Versions
• How to Set Up Studio Streaming and Design Studio
• About the Editing Screen
• About the Arrangement Screen
• Caution When Using Materials

Supported Versions

iOS Live: v5.621 and above
Android: v5.561 and above
Browsers: Google Chrome, Firefox, Microsoft Edge

How to Set Up Studio Broadcasting and Design Studio

• iOS
  In Live settings, go to Studio Broadcasting and edit the studio. After editing, select "Save" to apply changes to the broadcasting screen.
• Android
  In Live settings, go to Camera/Radio (selecting video source) > Studio > Edit Studio. After editing, select "Save" to apply changes to the broadcasting screen.
• PC
  You can set it up from the Design Studio. Edit the studio in the browser, select "Connect to Broadcasting Software," and get the URL for connecting to tools like OBS. For using OBS, add "Browser" as a source, paste the URL, and set the dimensions to 1920px width and 1080px height to reflect the created studio screen.

About the Editing Screen

You can select materials to display on the studio screen from the editing screen. In addition to original materials, creator materials are also available. You can upload your own materials. Multiple studio screens can be created and set as scenes 1 to 3. Switching between editing screens is done through "∨".

• Template
  Use templates that arrange materials by theme. You can save your created studio screen as a cloud template and share it with other PCs or smartphones. Selecting "Add" adds the current studio screen to the cloud template.
• Background
  Choose background materials. If you have your own material, you can upload it by selecting "My Items" > "Custom Background" > "Add".
• Image
  Choose image materials like text. If you have your own material, you can upload it by selecting "My Items" > "Custom Image" > "Add".
• Decorative Frame
  You can place up to 2 frames (1 animation) on top of the background.
• Text
  Set the display and design of fixed text. Enter your own text.
• Marquee
  Set the display and design of scrolling text. Enter your own text.
• Combi Viewer
  Set the display and design of the Comment Viewer.
• Clock
  Set the display and design of the clock.
• Theme
  Set the display and design of the theme. From the themes provided by TwitCasting, one random theme is displayed. You can select the time until the theme changes.
• Comment Count
  Set the display and design of the comment count.
• Visitors Count
  Set the display and design of the visitors count.

About the Arrangement Screen

From the arrangement screen, you can edit the position and overlap order of placed materials.

• Lock Icon
  You can fix materials. When selected again, you can move or delete them.
• Cross Arrow Icon
  You can adjust the position of materials.
• Up-Down Arrow Icon
  You can change the overlap order of materials. ↑ moves to the foreground, ↓ moves to the background.
• Edit Icon
  You can edit the selected material.
• Trash Icon
  You can delete the material.

Caution When Using Materials

Regarding the Use of Creator Materials

The copyright of creator materials belongs to each creator. When using creator materials, be sure to check the cautionary details in the "Material Details (Terms, etc.)" or the URL specified in the "Terms" link.

Using Your Own Animation Materials

If you use your own materials, you can also use animation materials. The points to note when using animation materials are as follows:

• Animated GIF
  - Supports the extension .gif.
  - Can be used as it is.
  - Does not support background transparency.
• Animated WebP
  - Supports the extension .webp.
  - Supports background transparency.
  - Depending on the device specifications, using multiple animations may cause performance issues. In such cases, reduce the number of animations used.
  - For the above reasons, it is not recommended to use it in combination with a moving background.
• Animated PNG (APNG)
  - The extension needs to be changed to .png.
  - Supports background transparency.
  - If the size is small, you can place multiple items.
  - Compared to webp, the file size is often larger, so be cautious.