gltron/LilStreamy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added ux to vanilla client, rebuild server side

Browse Source
This commit is contained in:
gltron
2020-03-31 20:32:50 +02:00
parent c7466e6e51
commit 60ff817711
46 changed files with 284 additions and 13660 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
client/index.html Normal file
View File

@@ -0,0 +1,60 @@
<!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>