jgerstbe/yaswvc
1
0
Fork 0
mirror of https://api.glitch.com/git/yaswvc synced 2026-01-12 03:18:10 +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 -->
<div class="row mt-3">
<!-- peer -->
<div class="col-6">
<div v-for="call in calls" class="col-6">
<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">
<h5 class="card-title">Remote</h5>
<h5 class="card-title">{{call.peer}}</h5>
</div>
</div>
</div>

5
public/main.js
View file

@ -17,7 +17,8 @@ var app = new Vue({
document.querySelector('.messages').appendChild(newMessage);
},
renderVideo:function(stream, selector = '#remoteVideo') {
document.querySelector(selector).srcObject = stream;
console.log('renderVideo', stream);
// document.querySelector(selector).srcObject = stream;
},
connectToPeer: function(peerId) {
this.logMessage(`Connecting to ${peerId}...`);
@ -34,7 +35,7 @@ var app = new Vue({
call.on('stream', this.renderVideo);
call.on('close', () => {
console.log(`Call with ${peerId} was closed.`);
this.calls = this.calls.filter(c => c.connectionId === call.connectionId);
this.calls = this.calls.filter(c => c.connectionId === call.connectionId);
});
this.calls.push(call);
},