Author Topic: Embedded Web Player (Read 648 times)

srosl · « **on:** August 24, 2023, 11:55:39 AM »

Has anyone successfully created an embedded web player? I am finding the video tutorial lacking on direction. I just want to create a simple page that displays multiple html webpages in a 2x3 grid.

Example they provide:
galaxy . signage . me / signplayer / ?domain=galaxy.signage.me&businessId=605365&sceneId=6&token=

admin · « **Reply #1 on:** August 24, 2023, 07:27:18 PM »

we are unclear if you wanted to create a scene displaying web pages or you want to embed a web player preview link on a web page.

if your intent is to create a scene displaying web pages, you can use our new HTML component and arrange the component as shown in the screenshot in this screenshot, we have two HTML and an a Youtube component (one of the HTML component is showing a Youtube Live Stream using the embedded link from Youtube): https://app.screencast.com/KUWmSvABM6YXl - the resulting output is as follows: https://app.screencast.com/xKVWPyahvGhk2

if the intent is to show the the preview link in a web page, then use iframe on your webpage coded in this manner:

Code: [Select]

<iframe src="https://galaxy.signage.me/signplayer/?domain=galaxy.signage.me&businessId=605365&sceneId=6&token="></iframe>

best regards

--ADMIN

srosl · « **Reply #2 on:** August 25, 2023, 08:33:36 AM »

Admin,
I am looking at creating an embedded version of the signage player, where the page displays multiple HTML windows, akin to what you would see in a NOC.

Per your website:
"The SignagePlayer Web / Embedded versions allow you to playback your presentation in any browser. With the SignagePlayer Embedded version, you can use an HTML snippet to embed your presentation as part of a web page. With the SignagePlayer Web version you can share your presentation with others using a web link. And the best part, make a change once and have it updated everywhere!"

admin · « **Reply #3 on:** August 25, 2023, 07:54:55 PM »

the intent of the embedded link is to display the preview link from sign studio. these are normally signage presentations.

if the intent is to show multiple web pages, then i would suggest creating a web page with 2 x 6 grid contain iframes where each iframe shows different web pages. you do not need to embed the 6 webpages into your scene then embed the scene's preview link in an iframe. the latter will have significant overhead so it would just be best to just create a web page containing the 6 iframes of the pages you want to show.

best regards

- ADMIN

admin · « **Reply #4 on:** August 25, 2023, 08:55:29 PM »

to further explain the purpose of the embedded link, copy the code below and place it in a text file then rename the file to samplePreview.html then double-click on it to open it on the browser.

Code: [Select]

<html>
    <style>
        table {
            width: 100%;
            height: 100%;
        }

        td {
            width: 33%;
            height: 50%;
        }

        iframe {
            width: 100%;
            height: 100%;
        }

    </style>
    <body>
        <table>
            <tr>
                <td>
                    <iframe src="https://galaxy.signage.me/signplayer/?domain=galaxy.signage.me&businessId=575315&sceneId=12&token="></iframe>
                </td>
                <td>
                    <iframe src="https://galaxy.signage.me/signplayer/?domain=galaxy.signage.me&businessId=575579&sceneId=20&token="></iframe>
                </td>
                <td>
                    <iframe src="https://galaxy.signage.me/signplayer/?domain=galaxy.signage.me&businessId=575742&sceneId=18&token="></iframe>
                </td>
            </tr>
            <tr>
                <td>
                    <iframe src="https://galaxy.signage.me/signplayer/?domain=galaxy.signage.me&businessId=576180&sceneId=18&token="></iframe>
                </td>
                <td>
                    <iframe src="https://galaxy.signage.me/signplayer/?domain=galaxy.signage.me&businessId=576594&sceneId=21&token="></iframe>
                </td>
                <td>
                    <iframe src="https://galaxy.signage.me/signplayer/?domain=galaxy.signage.me&businessId=576090&sceneId=21&token="></iframe>
                </td>
            </tr>
        </table>
    </body>
</html>

the code above shows 2 rows x 3 columns table each with a player preview link taken from sign studio. note that each is an independently running presentation.

best regards

-ADMIN

Author Topic: Embedded Web Player (Read 648 times)

srosl

Embedded Web Player

admin

Re: Embedded Web Player

srosl

Re: Embedded Web Player

admin

Re: Embedded Web Player

admin

Re: Embedded Web Player