videosdk-rtc-prebuilt-examples/javascript/index.html at main · videosdk-live/videosdk-rtc-prebuilt-examples · 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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Videosdk.live RTC</title>
  </head>
  <body>
    <script>
      var script = document.createElement("script");
      script.type = "text/javascript";
      //
      script.addEventListener("load", function (event) {
        // Initialize the factory function
        const meeting = new VideoSDKMeeting();

        // Set apikey, meetingId and participant name
        const apiKey = "API-KEY"; // generated from app.videosdk.live
        const meetingId = "milkyway";
        const name = "John Doe";

        const config = {
          name: name,
          apiKey: apiKey,
          meetingId: meetingId,

          region: "sg001", // region for new meeting

          containerId: null,
          redirectOnLeave: "https://www.videosdk.live/",

          micEnabled: true,
          webcamEnabled: true,
          participantCanToggleSelfWebcam: true,
          participantCanToggleSelfMic: true,
          participantCanLeave: true, // if false, leave button won't be visible

          chatEnabled: true,
          screenShareEnabled: true,
          pollEnabled: true,
          whiteboardEnabled: true,
          raiseHandEnabled: true,

          recording: {
            autoStart: true, // auto start recording on participant joined
            enabled: true,
            webhookUrl: "https://www.videosdk.live/callback",
            awsDirPath: `/meeting-recordings/${meetingId}/`, // automatically save recording in this s3 path
          },

          livestream: {
            autoStart: true,
            enabled: true,
          },

          layout: {
            type: "SPOTLIGHT", // "SPOTLIGHT" | "SIDEBAR" | "GRID"
            priority: "PIN", // "SPEAKER" | "PIN",
            // gridSize: 3,
          },

          branding: {
            enabled: true,
            logoURL:
              "https://static.zujonow.com/videosdk.live/videosdk_logo_circle_big.png",
            name: "Prebuilt",
            poweredBy: false,
          },

          permissions: {
            pin: true,
            askToJoin: false, // Ask joined participants for entry in meeting
            toggleParticipantMic: true, // Can toggle other participant's mic
            toggleParticipantWebcam: true, // Can toggle other participant's webcam
            drawOnWhiteboard: true, // Can draw on whiteboard
            toggleWhiteboard: true, // Can toggle whiteboard
            toggleRecording: true, // Can toggle meeting recording
            toggleLivestream: true, //can toggle live stream
            removeParticipant: true, // Can remove participant
            endMeeting: true, // Can end meeting
            changeLayout: true, //can change layout
          },

          joinScreen: {
            visible: true, // Show the join screen ?
            title: "Daily scrum", // Meeting title
            meetingUrl: window.location.href, // Meeting joining url
          },

          leftScreen: {
            // visible when redirect on leave not provieded
            actionButton: {
              // optional action button
              label: "Video SDK Live", // action button label
              href: "https://videosdk.live/", // action button href
            },
          },

          notificationSoundEnabled: true,

          debug: true, // pop up error during invalid config or netwrok error

          maxResolution: "sd", // "hd" or "sd"
        };

        meeting.init(config);
      });

      script.src =
        "https://sdk.videosdk.live/rtc-js-prebuilt/0.3.43/rtc-js-prebuilt.js";
      document.getElementsByTagName("head")[0].appendChild(script);
    </script>
  </body>
</html>