Peerjs: مشاركة الشاشة

يأخذ PeerJS دفقًا عشوائيًا عند استدعاء peer.call . الى الشاشة
مشاركة ، ما عليك سوى الحصول على تدفق مشاركة الشاشة من getUserMedia
بدلاً من دفق الفيديو عبر كاميرا الويب. لا يفرق PeerJS عندما تقوم بذلك
استدعاء نظير آخر. لاحظ أن مشاركة الشاشة تتطلب أن يكون موقعك على HTTPS.

لذلك يجب أن تعمل بالفعل.

إريك

في الخميس 24 أكتوبر 2013 الساعة 8:52 صباحًا ، كتب kenianbei [email protected] :

أي خطط لإضافة مشاركة الشاشة؟

مثال: https://www.webrtc-experiment.com/Pluginfree-Screen-Sharing/

-
قم بالرد على هذه الرسالة الإلكترونية مباشرة أو 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/

-
قم بالرد على هذه الرسالة الإلكترونية مباشرة أو 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 ، لماذا؟