Peerjs: 화면 공유

PeerJS는 peer.call 호출할 때 임의의 스트림을 받습니다. 화면에
공유하려면 getUserMedia에서 화면 공유 스트림을 가져오기만 하면 됩니다.
웹캠 비디오 스트림 대신. PeerJS는 다음과 같은 경우 구별하지 않습니다.
다른 피어를 호출합니다. 화면 공유를 사용하려면 사이트가 HTTPS에 있어야 합니다.

따라서 이미 작동해야 합니다.

에릭

2013년 10월 24일 목요일 오전 8시 52분에 kenianbei [email protected]에서 다음과 같이 썼습니다.

화면 공유를 추가할 계획이 있습니까?

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

—
이 이메일에 직접 답장하거나 Gi tHubhttps://github.com/peers/peerjs/issues/96에서 확인하세요.
.

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

시도해 보시고 문제가 발생하면 문제를 다시 열어 주시면 수정하겠습니다.

2013년 10월 25일 금요일 오전 10시 41분, Eric Zhang 정말. [email protected] 은 다음

PeerJS는 peer.call 호출할 때 임의의 스트림을 받습니다. 화면에
공유하려면 getUserMedia에서 화면 공유 스트림을 가져오기만 하면 됩니다.
웹캠 비디오 스트림 대신. PeerJS는 다음과 같은 경우 구별하지 않습니다.
다른 피어를 호출합니다. 화면 공유를 사용하려면 사이트가 HTTPS에 있어야 합니다.

따라서 이미 작동해야 합니다.

에릭

2013년 10월 24일 목요일 오전 8시 52분, kenianbei [email protected] 작성 :

화면 공유를 추가할 계획이 있습니까?

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

—
이 이메일에 직접 답장하거나 Gi tHubhttps://github.com/peers/peerjs/issues/96에서 확인하세요.
.

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

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

화면 공유가 작동하는 방식에 대한 연구를 수행하지 않았으므로 테스트하겠습니다. 모든 작업에 감사드립니다... 여러분 최고입니다!

안녕하세요, PeerJS에서 화면 공유를 통합하는 데 도움을 주실 수 있습니까?

화면 공유를 원하는 분들은 위에서 말씀드린 것처럼 통화를 할 때와 마찬가지로 MediaStream을 사용해야 합니다.

화면 공유를 위해 MediaStream을 가져오는 방법은 다음과 같습니다.

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

그런 다음 간단히:

peer.call(remote_peer_key, screenStream);

5분을 절약할 수 있기를 바랍니다. ;)

화면 공유를 원하는 분들은 위에서 말씀드린 것처럼 통화를 할 때와 마찬가지로 MediaStream을 사용해야 합니다.

화면 공유를 위해 MediaStream을 가져오는 방법은 다음과 같습니다.

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

그런 다음 간단히:

peer.call(remote_peer_key, screenStream);

5분을 절약할 수 있기를 바랍니다. ;)

peerjs에서 화면 공유를 위한 소스 코드를 제공해 주시겠습니까?
미리보다

죄송합니다. 화면 공유를 위한 최소한의 작업 예제를 제공할 시간이 없습니다.
그러나 영상 통화의 실제 예를 들고 위와 같이 스트림을 교체하면 작동합니다.

@theevan 어쩌면 내 코드가 당신을 도울 것입니다

내 프로젝트에서 사용하고 있으며 작동 중입니다.

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);
이것은 작동했지만 화면 공유가 종료되면 비디오 프레임이 제거되지 않은 다른 사용자 측에서도 .. 화면 공유가 끝난 후 해당 비디오 요소를 제거하는 방법

@saini3911
스트림에서 "닫기" 이벤트를 듣고 비디오 태그를 제거하시겠습니까?
https://peerjs.com/docs.html#mediaconnection -on

그것을 사용하지만 원래 사용자 얼굴 미디어도 제거합니다.

나는 expressjs와 preerjs에서 내 프로젝트를 만들었습니다 .. 다른 사용자가 방에 연결한 후 미디어 스트림이 연결되지 않은 이유 .. 다른 사용자가 peerjs에서 미디어 스트림을 얻으려면 탭을 3-4번 새로 고쳐야 하는 이유는 무엇입니까?