Metareal Stage Player SDK - Introduction

The Metareal Stage Player SDK helps you create a Metareal Stage Player inside of your Web Application, so that your Web Application can load Metareal Stage Tours and interact with them.

The Metareal Stage Player SDK offers the following functionality:

Create and embed a tour player inside of your HTML DOM
Load Metareal Stage Tours
Get information about the tour, buildings, floors, rooms, panoramas and labels
Add listeners to events on the player
Control the player programmatically

Documentation

Hello Tour!

Want to get started right away? There is Hello Tour!. You will be able to reference the player SDK, load Metareal Stage Tours in your web app, and start interacting programmatically with them.

Hello Tour!


<!DOCTYPE html>
<head>
</head>
<header>
    <script src="https://stage.metareal.com/playersdk/playersdk.min.1.0.js"></script>
    <style>
        .webapp {
            width: calc(80vw);
            height: calc(80vh);
            margin-left: calc(10vw);
            margin-top: calc(10vh);
            background-color: black
        }
    </style>
</header>
<body>
    <div class="webapp" id="myWebApp"></div>
    <script lang="javascript">

    // Create the player that will be embedded inside myWebApp
    let player = MetarealPlayerSDK.create( "myWebApp" );
    let tourURL = "https://tour.metareal.com/apps/player?asset=b8ce9219-e883-4848-9a33-abe18a9697bb";

    // Load the tour
    player.load( tourURL, () => {
        console.log( "Tour is loaded" );
    } );

    </script>
</body>
<footer></footer>
</html>