Videoconference-Dish-CSS-JS/index.html at main · Alicunde/Videoconference-Dish-CSS-JS · 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
<!DOCTYPE html>
<html>

<head>
    <title>Videoconference Dish CSS3 & Vanilla JavaScript</title>
    <meta name="description" content="Basic videoconferencing system in Javascript, HTML and CSS. Easy to copy and understand.">

    <!-- Controls (optional) -->
    <link rel="stylesheet" href="controls/styles.css">
    <script src="controls/script.js"></script>

    <!-- General (optional) -->
    <link rel="stylesheet" href="general/styles.css">

    <!-- Core -->
    <link rel="stylesheet" href="core/styles.css">
    <script src="core/script.js"></script>

    <!-- Font Icons (optional) -->
    <link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">

</head>

<body>
    <div class="Scenary"></div>
    <script>
        window.addEventListener("load", function () {

            // select parent of dish
            let scenary = document.getElementsByClassName("Scenary")[0];

            // create dish
            let dish = new Dish(scenary);

            // set controls (optional)
            let controls = new Controls(dish, scenary);
            controls.append();

            // render dish
            dish.append();

            // resize the cameras
            dish.resize()

            // resize event of window
            window.addEventListener("resize", function () {

                // resize event to dimension cameras
                dish.resize();

            });

        }, false);
    </script>
</body>

</html>