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

🎒👻 Checkpoint

Browse source 
./views/index.ejs:5975361/57
./public/main.js:5975361/864
This commit is contained in:
Glitch (peerjs-video) 2020-09-12 23:10:13 +00:00
parent ea2e8dc595
commit 9a33ce12fc
2 changed files with 12 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
public/main.js
View file

@ -25,6 +25,9 @@ var app = new Vue({
videoCalls:[], videoCalls:[],
connections: [], connections: [],
chatInput: '', chatInput: '',
displayMediaStrean: false,
outgoingScreenShareCalls: [],
incomingScreenShareCalls: [],
}, },
methods: { methods: {
logMessage: function(message) { logMessage: function(message) {
@ -299,10 +302,9 @@ var app = new Vue({
}, },
getAudioStream: async function getAudioStream() { getAudioStream: async function getAudioStream() {
const audioSource = document.querySelector('select#audioSource').value; const audioSource = document.querySelector('select#audioSource').value;
// const videoSource = document.querySelector('select#videoSource').value;
const constraints = { const constraints = {
audio: {deviceId: audioSource ? {exact: audioSource} : undefined}, audio: {deviceId: audioSource ? {exact: audioSource} : undefined},
// video: {deviceId: undefined} video: null
}; };
const audioStream = await navigator.mediaDevices.getUserMedia(constraints).catch(this.handleError); const audioStream = await navigator.mediaDevices.getUserMedia(constraints).catch(this.handleError);
console.log('GOT AUDIO STREAM', audioStream); console.log('GOT AUDIO STREAM', audioStream);
@ -320,18 +322,13 @@ var app = new Vue({
return videoStream; return videoStream;
}, },
shareScreen: async function shareScreen() { shareScreen: async function shareScreen() {
// if (!displayMediaStream) { if (!this.displayMediaStream) {
const displayMediaStream = await navigator.mediaDevices.getDisplayMedia(); const displayMediaStream = await navigator.mediaDevices.getDisplayMedia();
console.log('screenShare', displayMediaStream) console.log('screenShare', displayMediaStream)
// } } else {
// senders.find(sender => sender.track.kind === 'video').replaceTrack(displayMediaStream.getTracks()[0]); // TODO stop stream
this.displayMediaStream = false;
//show what you are showing in your "self-view" video. }
// document.getElementById('self-view').srcObject = displayMediaStream;
//hide the share button and display the "stop-sharing" one
// document.getElementById('share-button').style.display = 'none';
// document.getElementById('stop-share-button').style.display = 'inline';
}, },
handleError: function handleError(error) { handleError: function handleError(error) {
console.log('navigator.MediaDevices.getUserMedia error: ', error.message, error.name); console.log('navigator.MediaDevices.getUserMedia error: ', error.message, error.name);

6
views/index.ejs
View file

@ -51,7 +51,7 @@
<div id="app" class="container pt-3"> <div id="app" class="container pt-3">
<div class="row"> <div class="row">
<!-- self --> <!-- self -->
<div class="col-6"> <div class="col-12 col-sm-6 order-2 order-sm-1">
<div class="card text-dark"> <div class="card text-dark">
<video id="localVideo" class="card-img-top" autoplay muted></video> <video id="localVideo" class="card-img-top" autoplay muted></video>
<div class="card-body"> <div class="card-body">
@ -79,7 +79,7 @@
</div> </div>
</div> </div>
<!-- control --> <!-- control -->
<div class="col-12 order-1 col-sm-6 order-sm-2"> <div class="col-12 order-1 col-sm-6 order-sm-2 mb-3">
<div class="card text-dark"> <div class="card text-dark">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Control</h5> <h5 class="card-title">Control</h5>
@ -121,7 +121,7 @@
<!-- peers --> <!-- peers -->
<div class="row mt-3"> <div class="row mt-3">
<!-- audio calls --> <!-- audio calls -->
<div class="col-6"> <div class="col-12 col-sm-6 mb-3">
<div class="card text-dark"> <div class="card text-dark">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Audio connections</h5> <h5 class="card-title">Audio connections</h5>