ΠΡΡΡ Π»ΠΈ ΠΏΠ»Π°Π½Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΊΡΠ°Π½Π°?
ΠΡΠΈΠΌΠ΅Ρ: https://www.webrtc-experiment.com/Pluginfree-Screen-Sharing/
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, ΠΏΠΎΡΠ΅ΠΌΡ?
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
ΠΠ»Ρ ΡΠ΅Ρ , ΠΊΡΠΎ ΠΈΡΠ΅Ρ ΠΎΠ±ΡΠΈΠΉ Π΄ΠΎΡΡΡΠΏ ΠΊ ΡΠΊΡΠ°Π½Ρ, ΠΊΠ°ΠΊ ΡΠΊΠ°Π·Π°Π½ΠΎ Π²ΡΡΠ΅, Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ MediaStream ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Π΄Π»Ρ Π²ΡΠ·ΠΎΠ²Π°.
Π‘ΠΏΠΎΡΠΎΠ± ΠΏΠΎΠ»ΡΡΠΈΡΡ MediaStream Π΄Π»Ρ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΠΈ ΡΠΊΡΠ°Π½Π°:
Π’ΠΎΠ³Π΄Π° ΠΏΡΠΎΡΡΠΎ:
ΠΠ°Π΄Π΅ΡΡΡ, ΡΡΠΎ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ Π²Π°ΠΌ 5 ΠΌΠΈΠ½ΡΡ;)