fix

src/views/ConnectionForm/EmbedSample.tsx

@@ -19,15 +19,21 @@ export default function EmbedSample({ config }: Props) {
   const preview = `
 import "rsuite/dist/rsuite.min.css";
 import { Button } from "rsuite";
-import { MetaProvider, MetaEditor, Hooks } from "pixel-streaming";
+import { MetaProvider, MetaEditor, Hooks, IApplication } from "pixel-streaming";
 
 const PlayerView = () => {
+  const refPlayer = React.useRef(null)
   const { emitUi } = Hooks.actions();
 
   return (
     <MetaEditor
+      ref={refPlayer}
       debugMode="${config.debugMode}"
       showToolbar={${config.showToolbar}}
+      onLoad={(app: IApplication) => {
+        console.log('@'.repeat(30))
+        console.log('app', app)
+      }}
       psHost="${decodeURIComponent(config.psHost)}"
       psConfig={${JSON.stringify(config.psConfig, null, 4).replace(/(?:\r\n|\r|\n)/g, '\n    ')}}>
       <Button onClick={() => emitUi({ action: "ui_command" })}>

src/views/Player/index.tsx

@@ -1,6 +1,9 @@
+import * as React from 'react';
+
 // libs
 import "rsuite/dist/rsuite.min.css";
 import { MetaProvider, MetaEditor, PlayerConfigProps } from 'pixel-streaming'
+import type { IApplication } from 'pixel-streaming'
 
 // layouts
 import UserBar from './UserBar'
@@ -19,16 +22,27 @@ interface Props {
 
 const PlayerView = ({ config }: Props) => {
 
+  const refPlayer = React.useRef(null)
+
   const newConfig: PlayerConfigProps = {
     ...defaultConfig,
     ...config,
   }
 
   // alert(JSON.stringify(newConfig, null, 2))
 
+  const handleLoad = (app: IApplication) => {
+    console.log('@'.repeat(30))
+    console.log('app', app)
+    console.log(refPlayer.current)
+  }
+
   return (
     <>
-      <MetaEditor {...newConfig}>
+      <MetaEditor
+        {...newConfig}
+        ref={refPlayer}
+        onLoad={handleLoad}>
         <>
           <Preloader />
           <UserBar />