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

🙎🐉 Checkpoint

Browse source 
./public/main.js:3115263/1110
./views/index.html:3115263/37
This commit is contained in:
Glitch (hello-express) 2020-05-25 18:57:24 +00:00
parent 59847dc927
commit 5118e25386
2 changed files with 23 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
public/main.js
View file

@ -13,9 +13,14 @@ let logMessage = (message) => {
let renderVideo = (stream) => { let renderVideo = (stream) => {
videoEl.srcObject = stream; videoEl.srcObject = stream;
videoEl.onloadedmetadata = (e) => videoEl.play();
}; };
// navigator.mediaDevices.getUserMedia({video: true, audio: true})
// .then((stream) => {
// renderVideo(stream);
// })
// .catch((err) => console.error(err))
let peer = new Peer({ let peer = new Peer({
host: '/', host: '/',
path: '/peerjs/myapp' path: '/peerjs/myapp'
@ -36,12 +41,14 @@ peer.on('connection', (conn) => {
}); });
}); });
peer.on('call', (call) => { peer.on('call', (call) => {
navigator.mediaDevices.getUserMedia({video: true, audio: true}, (stream) => { navigator.mediaDevices.getUserMedia({video: true, audio: true})
call.answer(stream); // Answer the call with an A/V stream. .then((stream) => {
call.on('stream', renderVideo); call.answer(stream); // Answer the call with an A/V stream.
}, (err) => { call.on('stream', renderVideo);
console.error('Failed to get local stream', err); })
}); .catch((err) => {
console.error('Failed to get local stream', err);
});
}); });
let connectToPeer = () => { let connectToPeer = () => {
@ -56,12 +63,14 @@ let connectToPeer = () => {
conn.send('hi!'); conn.send('hi!');
}); });
navigator.mediaDevices.getUserMedia({video: true, audio: true}, (stream) => { navigator.mediaDevices.getUserMedia({video: true, audio: true})
let call = peer.call(peerId, stream); .then((stream) => {
call.on('stream', renderVideo); let call = peer.call(peerId, stream);
}, (err) => { call.on('stream', renderVideo);
logMessage('Failed to get local stream', err); })
}); .catch((err) => {
logMessage('Failed to get local stream', err);
});
}; };
window.connectToPeer = connectToPeer; window.connectToPeer = connectToPeer;

2
views/index.html
View file

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