Assets

assets

by guillermo_matterport

HTML

<html>

  <head>
    <script src="https://static.matterport.com/showcase-sdk/latest.js"></script>
  </head>

  <body>
    <iframe
      id="showcase"
      title="test"
      width="800"
      height="600"
      frameBorder="0"
      allowFullScreen
      allow="xr-spatial-tracking"
      src="https://qa3-app.matterport.com/show?m=rVMWew7e7QL&play=1&version=3.1.49.0-9-g7a35f4739">
    </iframe>
  </body>

</html>

JavaScript

var iframe = document.getElementById('showcase');
var jsFiddleKey = "qa314apf28d4um76n45cz91md";
var version = "3.19";


const main = async () => {
	const sdk = await window.MP_SDK.connect(iframe, jsFiddleKey, version);
  console.log('SDK Connected', sdk);
  
  await sdk.App.state.waitUntil((state) => state.phase === sdk.App.Phase.PLAYING);
  
  sdk.Asset.panoImages
};

main();