jgerstbe/yaswvc
1
0
Fork 0
mirror of https://api.glitch.com/git/yaswvc synced 2026-01-12 07:08:10 +00:00
Code Issues Releases Wiki Activity

🚕💈 Checkpoint

Browse source 
./views/index.html:5975361/2649
./public/index.html:5975361/4300
./server.js:5975361/11
This commit is contained in:
Glitch (peerjs-video) 2020-09-08 16:31:29 +00:00
parent 047e926ba7
commit d97b331d11
2 changed files with 18 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
views/index.html → public/index.html
View file

@ -17,11 +17,8 @@
type="image/x-icon" type="image/x-icon"
/> />
<!-- import the webpage's stylesheet --> <!-- import the webpage's stylesheet -->
<link <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" />
rel="stylesheet" <link rel="stylesheet" href="style.css" />
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
/>
<link rel="stylesheet" href="/style.css" />
<!-- import libraries --> <!-- import libraries -->
<script src="/lib/peerjs.js"></script> <script src="/lib/peerjs.js"></script>
@ -29,7 +26,7 @@
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- import the webpage's client-side javascript file --> <!-- import the webpage's client-side javascript file -->
<script src="/main.js" type="module"></script> <script src="main.js" type="module"></script>
</head> </head>
<body class="bg-dark text-white"> <body class="bg-dark text-white">
<!-- Image and text --> <!-- Image and text -->
@ -55,6 +52,9 @@
<div class="card text-dark"> <div class="card text-dark">
<video id="localVideo" class="card-img-top" autoplay></video> <video id="localVideo" class="card-img-top" autoplay></video>
<div class="card-body"> <div class="card-body">
<details>
<summary></summary>
</details>
<h5 class="card-title">It'se me!</h5> <h5 class="card-title">It'se me!</h5>
<!-- audio source --> <!-- audio source -->
<div class="form-group"> <div class="form-group">
@ -78,7 +78,14 @@
<div class="col-6"> <div class="col-6">
<div class="card text-dark"> <div class="card text-dark">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Remote</h5> <h5 class="card-title">Control</h5>
<div class="input-group mb-3">
<div class="input-group-prepend">
<button class="btn btn-outline-secondary" type="button">Copy</button>
</div>
<input id="my-peer-id" type="text" class="form-control" placeholder="my-peer-id">
</div>
<hr>
<input type="text" id="connect-to-peer" class="form-control" placeholder="paste-peer-id-here"> <input type="text" id="connect-to-peer" class="form-control" placeholder="paste-peer-id-here">
<br> <br>
<button class="btn btn-sm btn-success" onclick="connectToPeer()"> <button class="btn btn-sm btn-success" onclick="connectToPeer()">
@ -96,17 +103,16 @@
<div class="row mt-3"> <div class="row mt-3">
<!-- peer --> <!-- peer -->
<div class="col-6"> <div class="col-6">
<div class="card"> <div class="card text-dark">
<video id="remoteVideo" class="card-img-top" autoplay></video> <video id="remoteVideo" class="card-img-top" autoplay></video>
<h5 class="card-title">Remote</h5>
<div class="card-body"> <div class="card-body">
<p class="card-text"></p> <h5 class="card-title">Remote</h5>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<footer>Made with <a href="https://glitch.com">Glitch</a>!</footer> <footer class="text-center mt-3">Made with <a href="https://glitch.com" target="_blank">Glitch</a>!</footer>
</body> </body>
</html> </html>

2
server.js
View file

@ -15,7 +15,7 @@ app.use(express.static("public"));
// https://expressjs.com/en/starter/basic-routing.html // https://expressjs.com/en/starter/basic-routing.html
app.get("/", (request, response) => { app.get("/", (request, response) => {
response.sendFile(__dirname + "/views/index.html"); response.sendFile(__dirname + "/public/index.html");
}); });
// listen for requests :) // listen for requests :)