Peerjs: БовмСстноС использованиС экрана

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 24 ΠΎΠΊΡ‚. 2013  Β·  12ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: peers/peerjs

Π•ΡΡ‚ΡŒ Π»ΠΈ ΠΏΠ»Π°Π½Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ совмСстноС использованиС экрана?

ΠŸΡ€ΠΈΠΌΠ΅Ρ€: https://www.webrtc-experiment.com/Pluginfree-Screen-Sharing/

Π‘Π°ΠΌΡ‹ΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ ΠΈΡ‰Π΅Ρ‚ ΠΎΠ±Ρ‰ΠΈΠΉ доступ ΠΊ экрану, ΠΊΠ°ΠΊ сказано Π²Ρ‹ΡˆΠ΅, Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ MediaStream Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ для Π²Ρ‹Π·ΠΎΠ²Π°.

Бпособ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ MediaStream для дСмонстрации экрана:

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

Π’ΠΎΠ³Π΄Π° просто:

peer.call(remote_peer_key, screenStream);

НадСюсь, это сэкономит Π²Π°ΠΌ 5 ΠΌΠΈΠ½ΡƒΡ‚;)

ВсС 12 ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

PeerJS ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΡ‚ΠΎΠΊ ΠΏΡ€ΠΈ Π²Ρ‹Π·ΠΎΠ²Π΅ peer.call . На экран
ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ, Π²Π°ΠΌ просто Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΠΎΡ‚ΠΎΠΊ дСмонстрации экрана ΠΎΡ‚ getUserMedia
вмСсто Π²ΠΈΠ΄Π΅ΠΎΠΏΠΎΡ‚ΠΎΠΊΠ° с Π²Π΅Π±-ΠΊΠ°ΠΌΠ΅Ρ€Ρ‹. PeerJS Π½Π΅ Ρ€Π°Π·Π»ΠΈΡ‡Π°Π΅Ρ‚, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹
ΠΏΠΎΠ·Π²ΠΎΠ½ΠΈΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€Ρƒ. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ для совмСстного использования экрана трСбуСтся, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваш сайт Π±Ρ‹Π» Π½Π° HTTPS.

Π—Π½Π°Ρ‡ΠΈΡ‚, это ΡƒΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ.

Π­Ρ€ΠΈΠΊ

24 октября 2013 Π³. Π² 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

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅, ΠΈ Ссли Ρƒ вас Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹, поТалуйста, ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ, ΠΈ я ΠΈΡΠΏΡ€Π°Π²Π»ΡŽ Π΅Π΅

Π’ пятницу, 25 октября 2013 Π³., Π² 10:41, Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π­Ρ€ΠΈΠΊ Π§ΠΆΠ°Π½. [email protected] написал:

PeerJS ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΡ‚ΠΎΠΊ ΠΏΡ€ΠΈ Π²Ρ‹Π·ΠΎΠ²Π΅ peer.call . На экран
ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ, Π²Π°ΠΌ просто Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΠΎΡ‚ΠΎΠΊ дСмонстрации экрана ΠΎΡ‚ getUserMedia
вмСсто Π²ΠΈΠ΄Π΅ΠΎΠΏΠΎΡ‚ΠΎΠΊΠ° с Π²Π΅Π±-ΠΊΠ°ΠΌΠ΅Ρ€Ρ‹. PeerJS Π½Π΅ Ρ€Π°Π·Π»ΠΈΡ‡Π°Π΅Ρ‚, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹
ΠΏΠΎΠ·Π²ΠΎΠ½ΠΈΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€Ρƒ. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ для совмСстного использования экрана трСбуСтся, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваш сайт Π±Ρ‹Π» Π½Π° HTTPS.

Π—Π½Π°Ρ‡ΠΈΡ‚, это ΡƒΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ.

Π­Ρ€ΠΈΠΊ

24 октября 2013 Π³. Π² 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?
Π·Π°Ρ€Π°Π½Π΅Π΅

Π˜Π·Π²ΠΈΠ½ΠΈΡ‚Π΅, Ρƒ мСня Π½Π΅Ρ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ дСмонстрации экрана.
Но Ссли Π²Ρ‹ Π²ΠΎΠ·ΡŒΠΌΠ΅Ρ‚Π΅ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π²ΠΈΠ΄Π΅ΠΎΠ·Π²ΠΎΠ½ΠΊΠ° ΠΈ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΏΠΎΡ‚ΠΎΠΊ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π²Ρ‹ΡˆΠ΅, ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ.

@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 .. послС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΠ»ΡΡ ΠΊ ΠΊΠΎΠΌΠ½Π°Ρ‚Π΅, ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΏΠΎΡ‚ΠΎΠΊ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ° Π½Π΅ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ .. Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, я Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒ свою Π²ΠΊΠ»Π°Π΄ΠΊΡƒ 3-4 Ρ€Π°Π·Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΠΎΡ‚ΠΎΠΊ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ° Π² peerjs, ΠΏΠΎΡ‡Π΅ΠΌΡƒ?

Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ