Пользователи моего чата не соединяются друг с другом
Я создаю приватный чат и звонки как голосовые, так и видео, которые проповедуют приватность, с полной приватностью от конца до конца, ни одно сообщение не хранится и не сохраняется в бэкенде, и каждое сообщение зашифровано, так что никто не может его нарушить, каждому пользователю была дана власть над его собственным чатом, теперь, что бы я ни делал, чат не работает, я чувствую, что мой потребитель. py плохо написан, я хочу, чтобы пользователи могли общаться и звонить друг другу по видео, но они не общаются, например, пользователь не соединяется друг с другом, как будто они не находятся в одной комнате
это мой код javascript также,
Это мой chats.html также
{% extends "chat/Base.html" %}
{% load static %}
{% block content %}
<link rel="stylesheet" href="{% static 'css/chat/chats.css' %}">
<body class="dark-theme">
<!-- Chat Container -->
<div class="chat-container">
<!-- Chat Header Section -->
<div class="chat-header">
<button class="back-button"
onclick="window.location.href='{% url 'chat:dashboard' %}'">
<i class="fas fa-arrow-left"></i> Friends
</button>
<div class="chat-user-info">
<div class="user-avatar">
<img src="https://api.dicebear.com/9.x/adventurer/png?seed={{ friend.name }}" alt="User Avatar">
</div>
<div class="user-details">
<h3 id="friend-name">{{ friend.name }}</h3>
<p class="user-status" id="status-{{ friend.username }}">Offline</p>
</div>
</div>
<div class="chat-actions">
<button class="icon-button" id="voice-call" title="Voice Call">
<i class="fas fa-phone-alt"></i>
</button>
<button class="icon-button" id="video-call" title="Video Call">
<i class="fas fa-video"></i>
</button>
</div>
</div>
<!-- Video Call Container -->
<div class="video-container">
<video id="localVideo" autoplay muted></video>
<video id="remoteVideo" autoplay></video>
</div>
<!-- Chat Messages Section -->
<div class="chat-messages" id="chat-log"></div>
<!-- Message Input Section -->
<div class="chat-input-section">
<input type="text" id="message-input" placeholder="Type your message..." autocomplete="off">
<button id="send-button" class="send-button"><i class="fas fa-paper-plane"></i></button>
</div>
</div>
<script>
const friendUsername = "{{ friend.username }}"; // Assign friend's username to a JS variable
</script>
<script src="{% static 'js/chat/chats.js' %}"></script>
{% endblock %}