How to customize stream PLAYER

Lean how to chnage the player options for viewers

CastNest Support

Last Update setahun yang lalu

CASTNEST provides flexible options for publishers to change players' looks and feel on a per-stream basis. The publishers have their style for the players for a distinct identity.


Let's go through the document below.

Let's open the CASTNEST portal and select the "Live Streams" option from the main menu. You will see your created stream list.


If you have not created a stream, please follow the document.

"How To Create a Stream using a Webcam."

"How To Create a Stream using PUSH."

"How To Create a Stream using PULL."

"How To Create a Stream using SRT."

Click on a stream to edit it. The stream control panel with the "General" configuration will open for the stream.
Let's click on the player on the stream control panel menu. The "Player" modifications option will be available for the stream.

On this player customization screen, the publisher has the actual player preview that will be available for the viewers. On changing any option, the publisher can preview the changes before sharing the stream. Let's first change the colours on the player and see how it works.


Primary Color

  • The primary colour is for the player's central buttons, which you use for play and pause.
  • To change the primary colour, click on the blue colour box. A colour picker will appear for the publisher to choose the colour.
  • Select the colour from or define the RGB number in the boxes at the bottom of the colour picker.

Secondary Color


  • The secondary cClick the save button at the bottom of the form. In a few seconds, the change will apply to the player.Click the save button at the bottom of the form. In a few seconds, the change will apply to the player.Click the save button at the bottom of the form. In a few seconds, the change will apply to the player.olour is for the player's bottom main control bar.
  • To change the secondary colour, click on the blue colour box. A colour picker will appear for the publisher to choose the colour.
  • Select the colour or define the RGB number in the boxes at the bottom of the colour picker.
  • Click the save button at the bottom of the form. In a few seconds, the change will apply to the player.
  • You will see the alert "Success" with the message theme updated.
  • The primary and secondary colours will change, and the publishLet's see the actual player in action for the viewers. Click the "Sharing" option from the stream control panel and share by clicking the "Share" button.er can review them in the preview window.

Let's see the actual player in action for the viewers. Click the "Sharing" option from the stream control panel and share by clicking the "Share" button.A new browser window will open with the player with the colour changed.

A new browser window will open with the player with the colour changed.

Now that we have completed the colour customization on the player, Further customization and configuration options to check out

  • Click back to the "Player" option of the stream control panel.

Castnest Icon

Based on your selected package, you will have the right to toggle the CASTNEST icon button. By default, the CASTNEST icon is on for all publishers.

  • If the publisher has the option to toggle the button, it will turn off the CASTNEST icon from the bottom player controls, and viewers will not see the CASTNEST icon anymore in the player next to the full-screen button.
  • Click the save button. The CASTNEST Icon toggle button is off.
  • In the preview, the publisher can see that the CASTNEST icon is no longer displayed.

Share Button

based on the publisher's selection of packages. The publisher will have the right to toggle the SHARE button. By default, the CASTNEST icon is off for all publishers.

  • If the publisher has the option to toggle the button, it will turn on the "Share Button" icon.
  • The share button will appear on the player, and viewers can see the share button in the player's top right corner.
Move your mouse to the share icon on the player's preview. The viewer will have the social platforms integrated for sharing the content on these available platforms.
Let's see the actual player in action for the viewers. Click the "Sharing" option from the stream control panel and share by clicking the "Share" button.
A new browser window will open with the player, showing customization performed.
  • There is no longer a "CASTNEST" icon in the player's bottom controls.
  • The share button is available in the player's top right corner.
  • Move your mouse to the share icon on the player's preview. The viewer will have the social platforms integrated for sharing the content on these available platforms.

Set Your Logo

By default, this option is available for all publishers to set a logo on their published streams. Logo placement is for the identification of publishers' content. Most viewers identify the publishers through their logo identification.


  • To place a logo, let's first upload the image that the publisher wants to display.
  • Click on the grey box with the cloud and an animated upward-pointing icon.
  • The File Explorer of your local system will open to choose the image to upload.
  • Once the image upload is complete, it will appear in the grey box.
  • At the top right corner of the image, the publisher will have a "Red" circular icon to delete the image if the uploaded image needs to be changed.
  • Change the logo position by selecting the logo placement options.
  • If you want to change the dimensions of the logo to be displayed on the player, define the logo dimensions in the given dimension boxes.
  • Save the changes.
  • The logo will appear in the player preview window.
Let's see the actual player in action for the viewers. Click the "Sharing" option from the stream control panel and share by clicking the "Share" button.
A new browser window will open with the player, showing customization performed along with the logo.

For any further questions, our team is always there to support you.

Thanks

Was this article helpful?

0 out of 0 liked this article

Still need help? Message Us