Game live

Available in Classic and VPC

​This section describes the Game live mode and its usage. Game live mode supports the game live type among the three Live broadcast types supported by the PRISM Live Studio mobile app. Game live refers to a live format of capturing and utilizing games running on a device for Live broadcast.

Game live mode

Launch the B2B PRISM Live Studio mobile app and select the [LIVE] button at the bottom of the mode tab to go to the Prepare for Live broadcast screen. A tab to select the Live broadcast mode exists right above the [Ready] button at the bottom of the app screen. The tab consists of the [Screen], [Camera], and [VTuber] tabs. Select the [Screen] tab to start Live broadcast in Game live mode.

Screen tab

The feature that allows you to start Live broadcast in Game live mode with the [Screen] tab is named Screencast in the app. This means Live streaming the screen of a smartphone device. Therefore, you can use this mode for purposes other than game-related Live broadcast. However, this feature is mainly used for game live broadcasts, which is why the term Game live mode is used.
When the app switches to Game live mode, the app's screen transitions to dark gray from the camera preview. This is because the camera feed is not used in Game live mode. You can find the buttons to edit the screen layout for game live broadcasts. There is a button for configuring the vertical screen game live broadcast's layout and a button for configuring the horizontal screen game live broadcast's layout. Clicking the buttons moves you to the Edit screen layout menu.

Edit screen layout

Game Live broadcast is primarily composed of a combination of the game screen and additional elements such as chat and banners. Layout is the combination format of each element. You need to configure an appropriate layout according to the Live broadcast in the layout editing menu. The layout configured in that menu is stored in the app and can be reused later.
The screen layout editing menu is divided into the editing menu for the vertical screen and the editing menu for horizontal screen. However, the results of editing the layout in both menus are in horizontal format with a 16:9 ratio. The difference is the way each smartphone screen is captured, with one being in a vertical orientation and the other in a horizontal orientation.
The screen layout editing menu consists of a screen layout preview area and functional buttons for layout editing. The screen layout preview area is where the editor can intuitively check the result of the edited layout. It also serves as the area where the actual layout editing occurs. The buttons for editing are gathered in the top right corner of the screen. The [Go to Add source menu] button, the [Go to Layer menu] button, and the [Rotate screen] button are available.

Screen layout preview area

The screen layout preview area has a ratio of 16:9 with a black background. If a source uploaded to the preview area exceeds the black background, the areas outside the background is not included in the Live broadcast. By default, the screen layout preview area includes the screen capture, representing the area where the screen of the smartphone device to be captured.

Screen capture

While the Screen capture is displayed as a solid-colored rectangle in the screen layout preview area, the area is filled with the captured screen of the smartphone device in Live broadcast. Touching the Screen capture activates the source editing mode. With source editing mode activated, you can adjust the size by touching with two fingers and the position by touching with one finger.

Add source menu

Click the button located in the top left corner of the layout editing menu to go to the Add source menu. You can add various types of sources to the screen layout through the Add source menu. The supported source types are Chat, Web, Image, and VTuber.

Chat

The description of the chat source is as follows:

• You can overlay the chat source on the screen layout through the [Chat source] button. The chat source displays the chat messages left by viewers during Live broadcast on the live platform where the Live broadcast is being streamed. By incorporating the chat source as an element of a game Live broadcast, you can create a more lively Live broadcast screen.
• Selecting the [Chat source] button moves you to the Chat menu, where you can configure various functional options and design elements for the components displayed in the Chat source. Supported settings include auto fading of chat massages, text opacity, chat color, font, and widget style. Once all the functional options and design elements are configured, the chat source is placed in the screen layout preview area.
  Touching the [Chat source] button with the chat source placed activates the source editing mode. With source editing mode activated, you can adjust the size by touching with two fingers and the position by touching with one finger.

Web

The description of the web source is as follows:

• You can overlay the web source on the screen layout through the [Web source] button. The web source is used to overlay the web page on the Live broadcast by entering the web page address. The web source is primarily used to overlay web donation widgets generally used for streamer donation on the Live broadcast screen.
• Selecting the [Web source] button moves you to the Web menu, where you can enter the web page address and title for the web source. If the web page contains embedded title information, the title of web page is often automatically entered. The Web menu includes the Show web source option on the screen during live broadcast. By default, the option is deactivated, but when activated, the web source is displayed only within the designated area on game screen. After entering everything and finishing setup, click the [Save] button in the top right corner to place the web source in the screen layout preview area.
  Touching the [Web source] button with the web source placed activates the source editing mode. With source editing mode activated, you can adjust the size and rotation by touching with two fingers and the position by touching with one finger.

Image

The description of the image source is as follows:

• You can overlay the image source on the screen layout through the [Image source] button. The image source is used to overlay images that users have on the Live broadcast. The image source is primarily used to overlay banners for describing game Live broadcast and decorating the screen on the Live broadcast screen, rather than general photos.
• Selecting the [Image source] button moves you to the image picker, where you can select the images for the image source. The image picker provides an album list at the top, enabling you to navigate to and select the desired image. After selecting the image, clicking the [Add] button in the top right corner places the image source in the screen layout preview area.
  Touching the [Image source] button with the image source placed activates the source editing mode. With source editing mode activated, you can adjust the size and rotation by touching with two fingers and the position by touching with one finger.

VTuber

The description of the VTuber source is as follows:

• You can overlay the VTuber source on the screen layout through the [VTuber source] button. The appearance of the streamer or a character representing the streamer are frequently used in game Live broadcast as a component of the Broadcast. By placing the VTuber source in Live broadcast, you can create an atmosphere of close interaction with the viewers. However, for a VTuber source used in the Game live mode, avatar emotion switching is not supported.
• Selecting the [VTuber source] button moves you to the VTuber menu, where you can select the avatar for the VTuber source. Adding and editing a new avatar is possible in the Character live mode. After selecting the avatar, clicking the [Save] button in the top right corner places the VTuber source in the screen layout preview area. The VTuber source is placed, and a slider to set the volume criteria for opening the avatar's mouth is provided on the left side of the screen layout overview area, allowing you to set the appropriate value.
  Touching the [VTuber source] button with the VTuber source placed activates the source editing mode. With source editing mode activated, you can adjust the size and rotation by touching with two fingers and the position by touching with one finger.

Layer menu

Clicking the Layer button with overlapped layers moves you to the Layer menu. You can adjust the locked status and exposure order for various sources overlaid in the screen layout overview area.
You can view a list of items for various sources overlaid in the screen layout preview area in the Layer menu. Each item consists of source type icon, source name, [Open/Lock] button, and hamburger button.

Open/Lock button

Clicking the [Open/Lock] button in each source enables you to set the source to open or locked status. During the editing process with multiple sources overlaid in the screen layout preview area, sources you did not intend to edit may be affected. To prevent such situation, the Open/Lock option is provide. If you set the source to Lock, you cannot edit the source in the screen layout preview area.

Hamburger button

You can adjust the exposure order between sources using the Hamburger button with 3 stacked bars in each source item. Touching the hamburger button with your finger quickly switches the selected source item to a selected state. By adjusting your finger position up and down, you can reposition the exposure order of the selected source in front or behind other sources.

Screen rotation button

Clicking the screen rotation button with a smartphone and arrow combined in the top right of the Edit screen layout menu enables you to switch between vertical screen layout editing mode and horizontal screen layout editing mode.
The app internally saves 1 vertical screen layout and 1 horizontal screen layout. During screen layout editing, you can click the screen rotation button at any time to switch between the 2 layout editing modes. Lists of sources added in each mode are not synchronized when switching modes.