یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
hamidsh
4 ماه پیش توسط hamidsh مطرح شد
1 پاسخ

عدم فایر شدن فانکشن peerConnection.ontrack در webRtc

نمیدونم چرا ایونت ontrack در ری اکت اجرا نمیشه؟

seEffect(() => {

    if (state === 'offer') {
      callUser();
    }

    socket.on('call_made', async (data) => {
      await pc.setRemoteDescription(new RTCSessionDescription(data.offer));

      const answer = await pc.createAnswer();

      await pc.setLocalDescription(new RTCSessionDescription(answer));

      socket.emit('make_answer', {
        answer,
        to: data.to,
      });
    });

    socket.on('answer_made', async (data) => {
      await pc.setRemoteDescription(new RTCSessionDescription(data.answer));
    });

    navigator.mediaDevices
      .getUserMedia({ audio: true, video: true })
      .then((stream) => {
        localVideo.current.srcObject = stream;

        stream.getTracks().forEach((track) => {
          pc.addTrack(track, stream);
        });
      });

    pc.ontrack = function ({ streams: [stream] }) {
      console.log('object');
      remoteVideo.current.srcObject = stream;
    };
  }, [state]);

ثبت پرسش جدید
علی جنگی
تخصص : Web developer-Cyber ​​lawyer
@jangi 3 ماه پیش مطرح شد
0

برای حل مشکل عدم فایر شدن ontrack در WebRTC، چند نکته وجود دارد که می‌توان بررسی کرد:

  1. تنظیمات PeerConnection: اطمینان حاصل کنید که در هنگام اضافه کردن استریم و ترک‌ها به PeerConnection از متدهای صحیح استفاده کرده‌اید. باید از addTrack برای اضافه کردن ترک‌های ویدیو یا صدا به PeerConnection استفاده کنید.

    const stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true });
    stream.getTracks().forEach(track => {
       pc.addTrack(track, stream);
    });
  2. تنظیم Event Listener: اطمینان حاصل کنید که Event Listener ontrack به درستی تنظیم شده است. این کد را در زمان ایجاد PeerConnection قرار دهید:

    pc.ontrack = (event) => {
       const remoteStream = event.streams[0];
       // حالا می‌توانید استریم را به عنصر ویدیو متصل کنید
    };
  3. بررسی Signalings: مطمئن شوید که سیگنالینگ به درستی انجام شده است و offer و answer به درستی بین کلاینت‌ها ارسال می‌شود.

  4. وضعیت استریم: اگر استریم محلی (local stream) به درستی تنظیم نشده باشد، ممکن است ontrack فراخوانی نشود. اطمینان حاصل کنید که استریم محلی قبل از ارسال offer آماده است.

  5. Console Log: برای اشکال‌زدایی، می‌توانید از console.log درون ontrack استفاده کنید تا ببینید آیا این event به‌طور کلی فراخوانی می‌شود یا نه.

اگر هنوز هم با مشکل مواجه هستید، لطفاً جزئیات بیشتری از پیاده‌سازی فعلی‌تان و خطاهایی که مشاهده می‌کنید مطرح کنید تا راکتی ها کمکتان کنند :)


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام