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/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

19
public/main.js
View file

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

2
views/index.html
View file

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