Peerjs: Partage d'écran

Créé le 24 oct. 2013  ·  12Commentaires  ·  Source: peers/peerjs

Avez-vous l'intention d'ajouter le partage d'écran ?

Exemple : https://www.webrtc-experiment.com/Pluginfree-Screen-Sharing/

Commentaire le plus utile

Pour ceux qui recherchent le partage d'écran, comme indiqué ci-dessus, vous devez utiliser un MediaStream de la même manière que vous le feriez pour un appel.

Pour obtenir le MediaStream pour le partage d'écran, procédez comme suit :

let screenStream = await navigator.mediaDevices.getDisplayMedia({
    video: true
});

Alors simplement :

peer.call(remote_peer_key, screenStream);

J'espère que cela vous fera gagner 5 minutes ;)

Tous les 12 commentaires

PeerJS prend un flux arbitraire lors de l'appel de peer.call . À l'écran
partager, il vous suffit d'obtenir un flux de partage d'écran de getUserMedia
au lieu d'un flux vidéo webcam. PeerJS ne fait pas la différence lorsque vous
appeler un autre pair. Notez que le partage d'écran nécessite que votre site soit en HTTPS.

Donc ça devrait déjà marcher.

Éric

Le jeu. 24 octobre 2013 à 8h52, kenianbei [email protected] a écrit :

Avez-vous l'intention d'ajouter le partage d'écran ?

Exemple : https://www.webrtc-experiment.com/Pluginfree-Screen-Sharing/

-
Répondez directement à cet e-mail ou consultez-le sur Gi tHubhttps://github.com/peers/peerjs/issues/96
.

510-691-3951
http://ericzhang.com

Essayez-le et si vous rencontrez des problèmes, veuillez rouvrir le problème et je le corrigerai

Le vendredi 25 octobre 2013 à 10h41, Eric Zhang vraiment. [email protected] a écrit :

PeerJS prend un flux arbitraire lors de l'appel de peer.call . À l'écran
partager, il vous suffit d'obtenir un flux de partage d'écran de getUserMedia
au lieu d'un flux vidéo webcam. PeerJS ne fait pas la différence lorsque vous
appeler un autre pair. Notez que le partage d'écran nécessite que votre site soit en HTTPS.

Donc ça devrait déjà marcher.

Éric

Le jeu. 24 oct. 2013 à 08:52, kenianbei [email protected] a écrit :

Avez-vous l'intention d'ajouter le partage d'écran ?

Exemple : https://www.webrtc-experiment.com/Pluginfree-Screen-Sharing/

-
Répondez directement à cet e-mail ou consultez-le sur Gi tHubhttps://github.com/peers/peerjs/issues/96
.

510-691-3951
http://ericzhang.com

510-691-3951
http://ericzhang.com

Je n'avais pas fait mes recherches sur le fonctionnement du partage d'écran, je vais le tester. Merci pour tout votre travail... vous êtes géniaux !

Bonjour, pouvez-vous m'aider à intégrer le partage d'écran sur PeerJS.

Pour ceux qui recherchent le partage d'écran, comme indiqué ci-dessus, vous devez utiliser un MediaStream de la même manière que vous le feriez pour un appel.

Pour obtenir le MediaStream pour le partage d'écran, procédez comme suit :

let screenStream = await navigator.mediaDevices.getDisplayMedia({
    video: true
});

Alors simplement :

peer.call(remote_peer_key, screenStream);

J'espère que cela vous fera gagner 5 minutes ;)

Pour ceux qui recherchent le partage d'écran, comme indiqué ci-dessus, vous devez utiliser un MediaStream de la même manière que vous le feriez pour un appel.

Pour obtenir le MediaStream pour le partage d'écran, procédez comme suit :

let screenStream = await navigator.mediaDevices.getDisplayMedia({
    video: true
});

Alors simplement :

peer.call(remote_peer_key, screenStream);

J'espère que cela vous fera gagner 5 minutes ;)

pourriez-vous s'il vous plaît fournir le code source pour le partage d'écran dans peerjs ?
merci d'avance

Désolé, je n'ai pas le temps de fournir un exemple de travail minimal pour le partage d'écran.
Mais si vous prenez un exemple fonctionnel d'appel vidéo et remplacez le flux comme indiqué ci-dessus, cela fonctionnera.

@theevann peut-être que mon code t'aidera

J'utilise dans mon projet et ça marche

constructor() {
    this.peer = new Peer();
    this.peer.on('open', (id) => {
      this.id = id;
    });
    this.peer.on('call', (call) => {
      call.answer();
      call.on('stream', (remoteStream) => {
        this.videoElementRef.nativeElement.srcObject = remoteStream;
      });
    });
  }

  public async buttonHandler(evento: Event, remotoId: string): Promise<void> {
    evento.preventDefault();
    const stream = await (navigator.mediaDevices as MyMediaDevices).getDisplayMedia(
      {
        video: { frameRate: 5, width: 1280, height: 720 },
      }
    );
    const call = this.peer.call(remotoId, stream);
  }

@venkpath peer.call(remote_peer_key, screenStream);
cela a fonctionné, mais lorsque le partage d'écran est terminé, cette image vidéo n'est pas supprimée de l'autre côté de l'utilisateur. Comment supprimer cet élément vidéo une fois le partage d'écran terminé

@saini3911
Écoutez peut-être l'événement "close" sur le flux et supprimez alors votre balise vidéo ?
https://peerjs.com/docs.html#mediaconnection -on

je l'utilise pour mais cela supprime également les médias originaux du visage de l'utilisateur

j'ai fait mon projet dans expressjs et preerjs .. après qu'un autre utilisateur se soit connecté à la pièce pourquoi le flux multimédia n'est pas connecté .. comme moi, un autre utilisateur doit actualiser son onglet 3-4 fois pour obtenir le flux multimédia dans peerjs pourquoi?

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

Kitanga picture Kitanga  ·  5Commentaires

geraldsamosir picture geraldsamosir  ·  6Commentaires

RikdeVos picture RikdeVos  ·  6Commentaires

bilo1967 picture bilo1967  ·  7Commentaires

lucastwong picture lucastwong  ·  3Commentaires