EmbeddedAppSample/index.html at main · manujai/EmbeddedAppSample · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>HOST - Embedded Apps Kitchen Sink</title>
  <!-- Import the app's stylesheet -->
  <link rel="stylesheet" href="./style.css" />

  <!-- Import the SDK below, either the emulator sdk or the production SDK based on a query param '?script=prod' -->
  <script>
    var getVar = location.search;
    if(getVar && getVar.indexOf('prod')>0){
      console.log('loading the production script');
      document.write('<script src="https://binaries.webex.com/static-content-pipeline/webex-embedded-app/v1/webex-embedded-app-sdk.js" defer><\/script>');
    } else {
      console.log('loading the emulator script')
      document.write('<script src="./WebexEmbeddedAppEmulatorFramework.js" defer><\/script>');
    }
  </script>

  <!-- Import the app's javascript file -->
  <script src="./index.js" defer></script>
</head>
<body>
  <div>
    <h2>Embedded App Kitchen Sink</h2>
    <div>
      You're the HOST... On this page you will configure the embedded application and launch it for everyone. This sample application shows how to utilize the Webex Embedded App Emulator Framework to build an app.  <a href="https://github.com/WebexSamples/EmbeddedAppSample">Click Here</a> to see the source.
    </div>

    <h4>Launch the embedded app to participants</h4>
    <div>
      <input id="shareUrl" placeholder="URL to open on participant" size="45" value="https://webexsamples.github.io/EmbeddedAppSample/participant.html" />
    </div>
    <div>
      <button onclick="handleSetShare()">setShareUrl()</button>
      <button onclick="handleClearShare()">clearShareUrl()</button>
    </div>

    <h4>Methods</h4>
    <button onclick="handleGetUser()">getUser()</button>
    <button onclick="handleGetMeeting()">getMeeting()</button>
    <button onclick="handleGetSpace()">getSpace()</button>

  </div>
  <h4>Recent Event Logs</h4>
  <div>
    <ul id="console" />
  </div>
</body>
</html>