AiQworkflow1-/MultiSource.html at main · Mkscode92/AiQworkflow1- · 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
<html lang="en">
    <head>
        <title> page </title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- style -->
        <link rel="stylesheet" href="MultiSource.css">


        <!-- WebRTC -->
        <script src="https://cdn.jsdelivr.net/npm/@millicast/sdk@latest/dist/millicast.umd.js"></script>
        <script type="text/javascript" src="https://unpkg.com/@voxeet/voxeet-web-sdk"></script>

        <!-- Hls-->
        <script src="https://cdn.jsdelivr.net/npm/hls.js@1"></script>
        <script src="HLSplayer.js"></script>

        <!-- Video-js (for HLS) -->
        <script src="https://vjs.zencdn.net/8.10.0/video.min.js"></script>
        <link href="https://vjs.zencdn.net/8.10.0/video-js.css" rel="stylesheet" />

        <!-- plyr (for youtube) -->
        <script src="https://cdn.plyr.io/3.7.8/plyr.js"></script>
        <link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" />


    </head>
    <body>
        <div class=MediaBox>
            <div style = "color: white"> MultiSource Demo </div>
            <div class="MainMediaBox" id="MainMediaBox"></div>
            <div class = "SideMediaBox">
                <div class="SidePlayer" id = "SidePlayer1"> <iframe class="youtube_Iframe"></iframe></div>
                <div class="SidePlayer" id = "SidePlayer2"></div>
                <div class="SidePlayer" id = "SidePlayer3"></div>
            </div>


        </div>
        <script>
            HLSVideo(document.getElementById("MainMediaBox"), [EnglLink,SpanLink,VietLink], true);
        </script>
        <script src="MultiSource.js"></script>
        <script src="WebRTCPlayer.js"></script>
        <script src="YouTubePlayer.js"></script>
    </body>
</html>