Невозможно разделить поток между двумя пользователями с помощью PeerJS ⇐ CSS

[Anonymous]

Я пытаюсь создать что-то, где один пользователь делится своим потоком, а другой смотрит общий поток. Я создал базовые файлы Sharer и Viewer.html и использовал PeerJS для подключения и обмена видео.
Проблема, с которой я столкнулся, заключается в том, что я не могу просмотреть поток.
Вот мой код
sharer.html

Код: Выделить всё

Screen - Sharer




* {
font-family: 'Jetbrains Mono';
}





Share Screen

Your ID: 
Share





document.addEventListener('DOMContentLoaded', () => {
let stream;
const btn = document.getElementById('share');
const video = document.getElementById('video');

// Initialize PeerJS
const peer = new Peer('aditya'); // Use a unique ID for this peer

peer.on('open', id => {
document.getElementById('your-id').textContent = id;
console.log('Peer connected with ID:', id);
});

btn.addEventListener('click', () => {
navigator.mediaDevices.getDisplayMedia({ video: true, audio: true })
.then(mediaStream => {
stream = mediaStream;
video.srcObject = stream;

// Play the video locally
video.addEventListener('loadedmetadata', () => {
video.play();
});

// Wait for a viewer to connect
peer.on('call', call => {
console.log('Viewer is calling...');
call.answer(stream); // Send the stream to the viewer
});
})
.catch(err => {
console.error('Error sharing screen:', err);
});
});

peer.on('error', err => {
console.error('PeerJS Error:', err);
});
});

это view.html

Код: Выделить всё

Screen - Viewer




* {
font-family: 'Jetbrains Mono';
}





Screen Viewer

Your ID: 
Connect





document.addEventListener('DOMContentLoaded', () => {
const btn = document.getElementById('connect');
const video = document.getElementById('video');

// Initialize PeerJS
const peer = new Peer('agrima'); // Use a unique ID for this peer

peer.on('open', id => {
document.getElementById('your-id').textContent = id;
console.log('Peer connected with ID:', id);
});

btn.addEventListener('click', () => {
console.log('Attempting to call "aditya"...');

// Call the sharer (aditya)
const call = peer.call('aditya');

if (call) {
// Receive the stream
call.on('stream', remoteStream => {
console.log('Stream received:', remoteStream);
video.srcObject = remoteStream;
video.addEventListener('loadedmetadata', () => {
video.play();
});
});

call.on('error', err => {
console.error('Call error:', err);
});
} else {
console.error('Unable to connect to the sharing peer.');
}
});

peer.on('error', err => {
console.error('PeerJS Error:', err);
});
});

любая помощь приветствуется!

Подробнее здесь: https://stackoverflow.com/questions/793 ... ith-peerjs