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

⛳️💏 Checkpoint

Browse source 
./public/index.html:5975361/121
./public/main.js:5975361/79
This commit is contained in:
Glitch (peerjs-video) 2020-09-08 21:22:55 +00:00
parent be3085973a
commit 3e6c8cb779
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/index.html
View file

@ -100,11 +100,11 @@
<!-- peers --> <!-- peers -->
<div class="row mt-3"> <div class="row mt-3">
<!-- peer --> <!-- peer -->
<div class="col-6"> <div v-for="call in calls" class="col-6">
<div class="card text-dark"> <div class="card text-dark">
<video id="remoteVideo" class="card-img-top" autoplay></video> <video v-bind:srcObject="call.remoteStream" class="card-img-top" autoplay></video>
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Remote</h5> <h5 class="card-title">{{call.peer}}</h5>
</div> </div>
</div> </div>
</div> </div>

3
public/main.js
View file

@ -17,7 +17,8 @@ var app = new Vue({
document.querySelector('.messages').appendChild(newMessage); document.querySelector('.messages').appendChild(newMessage);
}, },
renderVideo:function(stream, selector = '#remoteVideo') { renderVideo:function(stream, selector = '#remoteVideo') {
document.querySelector(selector).srcObject = stream; console.log('renderVideo', stream);
// document.querySelector(selector).srcObject = stream;
}, },
connectToPeer: function(peerId) { connectToPeer: function(peerId) {
this.logMessage(`Connecting to ${peerId}...`); this.logMessage(`Connecting to ${peerId}...`);