61 lines
2.0 KiB
HTML
61 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<link rel="stylesheet" href="ressources/style.css" />
|
|
<link rel="stylesheet" href="ressources/materialdesignicons.min.css" />
|
|
<title>Lil'Streamy</title>
|
|
</head>
|
|
<body>
|
|
<h1 id="titleDiv">Lil' Streamy</h1>
|
|
|
|
<div id="loginDiv">
|
|
<h2>Entrez un nom d'utilisateur</h2>
|
|
<input class="input" id="loginInput" placeholder="username" type="text"/>
|
|
<button class="button" id="loginBt"><i class="mdi mdi-arrow-right-bold"></i></button>
|
|
</div>
|
|
|
|
<div id="connectDiv">
|
|
<h2>Connectez vous</h2>
|
|
<input id="callInput" placeholder="user to call" type="text" list="callDatalist"/>
|
|
<datalist id="callDatalist">
|
|
</datalist>
|
|
<button id="callBt">Connect</button>
|
|
<hr>
|
|
<h2>Ou créer une salle</h2>
|
|
<h3>Local</h3>
|
|
<label for="videoInput">
|
|
<i class="mdi mdi-file-video"></i> Ajouter une vidéo
|
|
</label>
|
|
<input id="videoInput" type="file" accept="video/*"/>
|
|
<h3>Youtube</h3>
|
|
<input id="ytInput" placeholder="www.youtube.com/watch?v=4Hg1Kudd_x4" type="text"/>
|
|
<button id="ytBt"><i class="mdi mdi-play-circle"></i></button>
|
|
</div>
|
|
|
|
<div id="videoDiv">
|
|
<h2 id="videoTitle"></h2>
|
|
<video autoplay controls id="video"></video>
|
|
<hr>
|
|
<button id="disconnectBt">Disconnect</button>
|
|
</div>
|
|
|
|
<div id="ytDiv">
|
|
<h2 id="videoTitle"></h2>
|
|
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/4Hg1Kudd_x4?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
<hr>
|
|
<button id="disconnectBt">Disconnect</button>
|
|
</div>
|
|
|
|
<div id="loadDiv">
|
|
<div class="loader" style="display:block"></div>
|
|
</div>
|
|
|
|
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
|
|
<script src = "scripts/script.js"></script>
|
|
<script src = "scripts/rtc.js"></script>
|
|
<script src = "scripts/signal.js"></script>
|
|
</body>
|
|
</html>
|