Для эмуляции вызова одним пользователем другого сделаем еще одну страницу для пользователя, принимающего вызов.

Он будет иметь форму для установки соединения под заданным логином.

Вызывающий должен будет ввести имя вызываемого в отдельном поле input.

Формируем запрос на сервер при нажатии кнопки.

Файл настроек config.ts

Запрос уходит на 404 Not Found

    <div>
        <input type="text" id="CallUsername" />
        <button value="woman" id="callButton">Calling</button>
    </div>

    <script>

    $('#callButton').on('click', (e) => {
        let url = 'http://localhost:8181/call';
        $.ajax({
            url: url,
            type: "POST",
            data: JSON.stringify({
                "login": $('#CallUsername').val(),
                "sid": window.sessionStorage.getItem('sid')
            }),
            contentType: "application/json",
            success: (data) => {
                console.log(data);
            },
        });
    });

    ...

import { config } from './config';
...


export default class App {

   ...

    callUser() {
        const url = `${config.serverURL}/call`;
        $.ajax({
            url,
            type: "POST",
            data: JSON.stringify({
                login: $('#CallUsername').val(),
                sid: window.sessionStorage.getItem('sid')
            }),
            contentType: "application/json",
            success: (response: any) => {
                console.log(response);
            }
        }); 
    }