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/main.js:3115263/1701
./views/index.html:3115263/36
This commit is contained in:
Glitch (hello-express) 2020-05-25 18:45:25 +00:00
parent 572986ece0
commit 59847dc927
2 changed files with 22 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
public/main.js
View file

@ -3,6 +3,7 @@
let messagesEl = document.querySelector('.messages');
let peerIdEl = document.querySelector('#connect-to-peer');
let videoEl = document.querySelector('.remote-video');
let logMessage = (message) => {
let newMessage = document.createElement('div');
@ -10,6 +11,11 @@ let logMessage = (message) => {
messagesEl.appendChild(newMessage);
};
let renderVideo = (stream) => {
videoEl.srcObject = stream;
videoEl.onloadedmetadata = (e) => videoEl.play();
};
let peer = new Peer({
host: '/',
path: '/peerjs/myapp'
@ -29,6 +35,14 @@ peer.on('connection', (conn) => {
conn.send('hello!');
});
});
peer.on('call', (call) => {
navigator.mediaDevices.getUserMedia({video: true, audio: true}, (stream) => {
call.answer(stream); // Answer the call with an A/V stream.
call.on('stream', renderVideo);
}, (err) => {
console.error('Failed to get local stream', err);
});
});
let connectToPeer = () => {
let peerId = peerIdEl.value;
@ -41,6 +55,13 @@ let connectToPeer = () => {
conn.on('open', () => {
conn.send('hi!');
});
navigator.mediaDevices.getUserMedia({video: true, audio: true}, (stream) => {
let call = peer.call(peerId, stream);
call.on('stream', renderVideo);
}, (err) => {
logMessage('Failed to get local stream', err);
});
};
window.connectToPeer = connectToPeer;

2
views/index.html
View file

@ -21,7 +21,7 @@
<script src="/main.js" type="module"></script>
</head>
<body>
<video class="remote-video"></video>
<input type="text" id="connect-to-peer" />
<button onclick="connectToPeer()">
Connect