Key features

    Key features


    Article summary

    Previously, creating a player for a live streaming page involved directly writing JavaScript source code. However, with the Shoplive Plugin, you can now implement a live streaming page with just simple code insertion.

    • Simple installation: With simple code insertion, you can set up a live page using the Shoplive Plugin, allowing for various configurations such as displaying only the Shoplive Player or showcasing additional elements like product panels and replay lists.

    • Live Mini Preview: Through the Live Mini Preview feature, users visiting the webpage can preview the ongoing broadcast screen and enter the live stream.

    • More livestreams: Without additional configuration, broadcasts automatically generate replays on the live page for users to watch anytime. You also have the option to keep replays for specific broadcasts private. The list of past broadcasts is visible in the bottom section of the Shoplive Plugin. To make a replay public, you need to enable the "API Plugin" settings for that specific broadcast on the Shoplive Admin, within the detailed page, and set it to public.


    Basic Configuration of Plugin


    Through the default configuration of the Shoplive Plugin, users can conveniently view ongoing broadcasts, replays of concluded broadcasts, and upcoming broadcasts all on a single screen.

    • The top of the Shoplive Plugin displays the current live broadcast. If there is no current live broadcast, the most recent broadcast (a broadcast preview or a replay of a finished broadcast) is displayed.

    • The top left area displays the broadcast details that are set in the Shoplive Admin.

    • Depending on the needs, the plugin can be freely configured to display only the player area, replays of finished broadcasts, or lists of upcoming broadcasts.


    Definition of Live Mini Preview Display Size

    Live mini previews are displayed at the sizes defined below :

    Condition

    width

    height

    min-width

    max-width

    min-height

    max-height

    Common

    -

    -

    100px

    200px

    150px

    332px

    Screen width ≤ 480px

    35vw

    35vw * 6 / 4→ 1.5 times width

    -

    -

    -

    -

    481px ≤ Screen width ≤ 1024px

    26vw

    26vw * 15 / 9→ approx. 1.667 times width

    -

    -

    -

    -

    Screen width ≥ 1025px

    17vw

    17vw * 15 / 9→ approx. 1.667 times width

    -

    -

    -

    -