Peerjs: 画面共有

作成日 2013年10月24日  ·  12コメント  ·  ソース: peers/peerjs

画面共有を追加する計画はありますか?

例: https

最も参考になるコメント

上記のように、画面共有を探している人は、通話の場合と同じようにMediaStreamを使用する必要があります。

画面共有用にMediaStreamを取得する方法は次のとおりです。

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

次に、単純に:

peer.call(remote_peer_key, screenStream);

これで5分節約できることを願っています;)

全てのコメント12件

PeerJSは、 peer.call呼び出すときに任意のストリームを取り込みます。 スクリーニングするには
共有するには、getUserMediaから画面共有ストリームを取得する必要があります
ウェブカメラのビデオストリームの代わりに。 PeerJSはあなたが
別のピアを呼び出します。 画面共有では、サイトがHTTPS上にある必要があることに注意してください。

したがって、すでに機能しているはずです。

エリック

木曜、8:52 AMで2013年10月24日、上kenianbei [email protected]書きました:

画面共有を追加する計画はありますか?

例: https


このメールに直接返信するか、 GitHubで表示して

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

試してみてください。問題が発生した場合は、問題を再度開いてください。修正します。

2013年10月25日金曜日午前10時41分、EricZhangは本当に。 [email protected]は書いた:

PeerJSは、 peer.call呼び出すときに任意のストリームを取り込みます。 スクリーニングするには
共有するには、getUserMediaから画面共有ストリームを取得する必要があります
ウェブカメラのビデオストリームの代わりに。 PeerJSはあなたが
別のピアを呼び出します。 画面共有では、サイトがHTTPS上にある必要があることに注意してください。

したがって、すでに機能しているはずです。

エリック

木曜、8:52 AMで2013年10月24日、kenianbeiオン[email protected]

画面共有を追加する計画はありますか?

例: https


このメールに直接返信するか、 GitHubで表示して

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で画面共有するためのソースコードを教えてください。
事前に感謝します

申し訳ありませんが、画面共有の最小限の実例を提供する時間がありません。
ただし、ビデオハングアウトの実際の例を取り上げて、上記のようにストリームを置き換えると、機能します。

@theevann多分私のコードはあなたを助けるでしょう

私は自分のプロジェクトで使用していて、それは機能しています

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回更新する必要があるのはなぜですか?

このページは役に立ちましたか?
0 / 5 - 0 評価