December 05, 2023, 08:25:01 AM
Welcome, Guest. Please login or register
News: Join us for a FREE Webinar this Thursday at http://webinar.digitalsignage.com

MediaSignage support forum



Author Topic: Embedded Web Player  (Read 644 times)

srosl

  • Newbie
  • *
  • Posts: 2
  • Karma: +0/-0
Embedded Web Player
« 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

  • Administrator
  • Hero Member
  • *****
  • Posts: 5185
  • Karma: +36/-8
Re: Embedded Web Player
« 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

  • Newbie
  • *
  • Posts: 2
  • Karma: +0/-0
Re: Embedded Web Player
« 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

  • Administrator
  • Hero Member
  • *****
  • Posts: 5185
  • Karma: +36/-8
Re: Embedded Web Player
« 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

  • Administrator
  • Hero Member
  • *****
  • Posts: 5185
  • Karma: +36/-8
Re: Embedded Web Player
« 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

 

Carbonate design by Bloc
variant: carbon
SMF 2.0.12 | SMF © 2016, Simple Machines