title: Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð¸ Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ Ð²ÐµÐ± Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð´Ð»Ñ Ð²Ð¸Ð´ÐµÐ¾ÐºÐ¾Ð½ÑÐµÑÐµÐ½ÑÐ¸Ð¹
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð±Ð°ÐºÐ°Ð»Ð°Ð²ÑÐ°
titleType: Subtitle
title: Development and design of an web application for video conferencing
Creators: name: ÐÑÐ¸Ð¿Ð¾Ð², ÐÐ»ÑÑ
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2023
Subjects: Ð¿ÑÐ¾ÑÐ¾ÐºÐ¾Ð»Ñ
WebRTC
Ð²ÐµÐ±-ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ°
Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ
Ð²Ð¸Ð´ÐµÐ¾ÐºÐ¾Ð½ÑÐµÑÐµÐ½ÑÐ¸Ð¸
DASH
HLS
HTTP
protocols
web-development
web-design
videoconferencing

description: ÐÐ°Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð¿Ð¾ÑÐ²ÑÑÐµÐ½Ð° ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð´Ð»Ñ Ð²Ð¸Ð´ÐµÐ¾ÐºÐ¾Ð½ÑÐµÑÐµÐ½ÑÐ¸Ð¹, Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ Ð¿ÑÐ¾ÑÐ¾ÐºÐ¾Ð»Ð¾Ð² Ð´Ð»Ñ ÑÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ð¸ Ð¿ÐµÑÐµÐ´Ð°ÑÐ¸ Ð²Ð¸Ð´ÐµÐ¾ Ð¸ Ð°ÑÐ´Ð¸Ð¾ Ð´Ð°Ð½Ð½ÑÑ Ð¿Ð¾ ÑÐµÑÐ¸, Ð¾Ð±Ð·Ð¾ÑÑ Ð²ÐµÐ± Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹ Ð°Ð½Ð°Ð»Ð¾Ð³Ð¾Ð², Ð° ÑÐ°ÐºÐ¶Ðµ Ð¸Ð·ÑÑÐµÐ½Ð¸Ñ Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐº Ð¸ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÐ¾Ð² Ð¿Ð¾Ð·Ð²Ð¾Ð»ÑÑÑÐ¸Ñ ÑÐµÐ°Ð»Ð¸Ð·Ð¾Ð²Ð°ÑÑ ÑÐ¾Ð±ÑÑÐ²ÐµÐ½Ð½Ð¾Ðµ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ Ð´Ð»Ñ Ð²Ð¸Ð´ÐµÐ¾ÐºÐ¾Ð½ÑÐµÑÐµÐ½ÑÐ¸Ð¹. ÐÐ±ÑÐµÐºÑÐ¾Ð¼ Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ ÑÐ²Ð»ÑÐµÑÑÑ Ð¿ÑÐ¾ÑÐ¾ÐºÐ¾Ð»Ñ, Ð¿Ð¾Ð·Ð²Ð¾Ð»ÑÑÑÐ¸Ðµ Ð¿ÐµÑÐµÐ´Ð°Ð²Ð°ÑÑ ÑÐ°Ð·Ð»Ð¸ÑÐ½ÑÑ Ð¸Ð½ÑÐ¾ÑÐ¼Ð°ÑÐ¸Ñ Ð¿Ð¾ ÑÐµÑÐ¸, Ð² ÑÐ¾Ð¼ ÑÐ¸ÑÐ»Ðµ Ð²Ð¸Ð´ÐµÐ¾ Ð¸ Ð°ÑÐ´Ð¸Ð¾ Ð´Ð°Ð½Ð½ÑÐµ. ÐÑÐµÐ´Ð¼ÐµÑÐ¾Ð¼ Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ ÑÐ²Ð»ÑÑÑÑÑ Ð¾ÑÐ¾Ð±ÐµÐ½Ð½Ð¾ÑÑÐ¸ Ð¸ ÑÑÐ½ÐºÑÐ¸Ð¾Ð½Ð°Ð»ÑÐ½ÑÐµ ÑÐ»ÐµÐ¼ÐµÐ½ÑÑ ÑÐ°Ð·Ð»Ð¸ÑÐ½ÑÑ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹ Ð´Ð»Ñ Ð²Ð¸Ð´ÐµÐ¾ÐºÐ¾Ð½ÑÐµÑÐµÐ½ÑÐ¸Ð¹, Ð° ÑÐ°ÐºÐ¶Ðµ Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ðµ ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ñ Ð°ÑÐ¿ÐµÐºÑÐ¾Ð² Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÐ¾Ð² Ð¸ Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐº, Ð¿Ð¾Ð·Ð²Ð¾Ð»ÑÑÑÐ¸Ñ ÑÐµÐ°Ð»Ð¸Ð·Ð¾Ð²Ð°ÑÑ Ð¿ÐµÑÐµÐ´Ð°ÑÑ Ð¼ÐµÐ´Ð¸Ð° ÐºÐ¾Ð½ÑÐµÐ½ÑÐ° Ð¼ÐµÐ¶Ð´Ñ ÐºÐ»Ð¸ÐµÐ½ÑÐ°Ð¼Ð¸ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ. Ð¦ÐµÐ»Ñ ÑÐ°Ð±Ð¾ÑÑ â ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°ÑÑ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ Ð´Ð»Ñ Ð²Ð¸Ð´ÐµÐ¾ÐºÐ¾Ð½ÑÐµÑÐµÐ½ÑÐ¸Ð¹, ÐºÐ¾ÑÐ¾ÑÐ¾Ðµ Ð¿Ð¾ ÑÑÐ½ÐºÑÐ¸Ð¾Ð½Ð°Ð»Ñ Ð¼Ð¾Ð¶ÐµÑ ÑÑÐ°Ð²Ð½Ð¸ÑÑÑÑ Ñ ÑÐ°ÑÑÐ¼Ð¾ÑÑÐµÐ½Ð½ÑÐ¼Ð¸ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸ÑÐ¼Ð¸ Ð°Ð½Ð°Ð»Ð¾Ð³Ð°Ð¼Ð¸. Ð ÑÐ¾Ð´Ðµ ÑÐ°Ð±Ð¾ÑÑ Ð±ÑÐ» Ð¾ÑÑÑÐµÑÑÐ²Ð»ÑÐ½ ÑÑÐ½ÐºÑÐ¸Ð¾Ð½Ð°Ð»ÑÐ½ÑÐ¹ Ð¸ ÑÑÑÑÐºÑÑÑÐ½ÑÐ¹ Ð°Ð½Ð°Ð»Ð¸Ð· Ð¿Ð¾Ð¿ÑÐ»ÑÑÐ½ÑÑ Ð¿ÑÐ¾ÑÐ¾ÐºÐ¾Ð»Ð¾Ð² Ð´Ð»Ñ ÑÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ð¸ Ð¿ÐµÑÐµÐ´Ð°ÑÐ¸ Ð²Ð¸Ð´ÐµÐ¾ Ð¸ Ð°ÑÐ´Ð¸Ð¾ Ð´Ð°Ð½Ð½ÑÑ. ÐÑÐ»Ð¸ ÑÐ¾ÑÐ¼Ð°Ð»Ð¸Ð·Ð¾Ð²Ð°Ð½Ñ Ð¸Ñ Ð½ÐµÐ´Ð¾ÑÑÐ°ÑÐºÐ¸, Ñ ÐºÐ¾ÑÐ¾ÑÑÐ¼Ð¸ Ð¼Ð¾Ð¶Ð½Ð¾ ÑÑÐ¾Ð»ÐºÐ½ÑÑÑÑÑ Ð² Ð¿ÑÐ¾ÑÐµÑÑÐµ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ. ÐÑÐ¾Ð²ÐµÐ´ÐµÐ½ Ð¾Ð±Ð·Ð¾Ñ ÑÐ°Ð·Ð»Ð¸ÑÐ½ÑÑ Ð¿Ð¾Ð¿ÑÐ»ÑÑÐ½ÑÑ Ð·Ð°ÑÑÐ±ÐµÐ¶Ð½ÑÑ Ð¸ Ð¾ÑÐµÑÐµÑÑÐ²ÐµÐ½Ð½ÑÑ ÑÐµÑÐµÐ½Ð¸Ð¹ Ð´Ð»Ñ Ð¿ÑÐ¾Ð²ÐµÐ´ÐµÐ½Ð¸Ñ Ð²Ð¸Ð´ÐµÐ¾ÐºÐ¾Ð½ÑÐµÑÐµÐ½ÑÐ¸Ð¹, Ð±ÑÐ»Ð¸ Ð²ÑÑÐ²Ð»ÐµÐ½Ñ Ð¸Ñ Ð¿ÑÐµÐ¸Ð¼ÑÑÐµÑÑÐ²Ð° Ð¸ Ð½ÐµÐ´Ð¾ÑÑÐ°ÑÐºÐ¸. ÐÑÐ»Ð¸ Ð¿ÑÐ¾Ð²ÐµÐ´ÐµÐ½Ñ Ð°Ð½Ð°Ð»Ð¸Ð· Ð¸ ÑÑÐ°Ð²Ð½ÐµÐ½Ð¸Ðµ ÑÑÑÐµÑÑÐ²ÑÑÑÐ¸Ñ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÐ¾Ð² Ð¸ ÑÐµÑÐ½Ð¾Ð»Ð¾Ð³Ð¸Ð¹ Ð²ÐµÐ± ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸, Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ ÐºÐ¾ÑÐ¾ÑÑÑ Ð¼Ð¾Ð¶Ð½Ð¾ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°ÑÑ ÑÑÐµÐ±ÑÐµÐ¼Ð¾Ðµ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ. Ð ÑÐµÐ·ÑÐ»ÑÑÐ°ÑÐµ Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ Ð±ÑÐ» Ð¾Ð¿ÑÐµÐ´ÐµÐ»ÑÐ½ Ð¿ÐµÑÐµÑÐµÐ½Ñ ÑÐµÑÐ½Ð¾Ð»Ð¾Ð³Ð¸Ð¹, ÐºÐ¾ÑÐ¾ÑÑÐ¹ Ð¿Ð¾Ð·Ð²Ð¾Ð»Ð¸Ñ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°ÑÑ Ð¾Ð¿ÑÐ¸Ð¼Ð°Ð»ÑÐ½Ð¾Ðµ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ Ð´Ð»Ñ Ð²Ð¸Ð´ÐµÐ¾ ÐºÐ¾Ð½ÑÐµÑÐµÐ½ÑÐ¸Ð¹. Ð¡Ð¾ÑÑÐ°Ð²Ð»ÐµÐ½Ñ ÐºÑÐ¸ÑÐµÑÐ¸Ð¸, ÐºÐ¾ÑÐ¾ÑÑÐ¼Ð¸ Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÑÐµÐ¼Ð¾Ðµ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ Ð´Ð¾Ð»Ð¶Ð½Ð¾ Ð¾Ð±Ð»Ð°Ð´Ð°ÑÑ, ÑÐ¾ÑÑÐ°Ð²Ð»ÐµÐ½Ñ Ð·Ð°Ð´Ð°ÑÐ¸ Ð½ÐµÐ¾Ð±ÑÐ¾Ð´Ð¸Ð¼ÑÐµ Ð´Ð»Ñ Ð´Ð¾ÑÑÐ¸Ð¶ÐµÐ½Ð¸Ñ Ð¿Ð¾ÑÑÐ°Ð²Ð»ÐµÐ½Ð½Ð¾Ð¹ ÑÐµÐ»Ð¸. ÐÑÐ»Ð¾ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ð¾ Ð²ÐµÐ± Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ Ð½Ð° Ð±Ð°Ð·Ðµ ÑÐ°ÑÑÐ¼Ð¾ÑÑÐµÐ½Ð½Ð¾Ð³Ð¾ ÑÑÐµÐºÐ°, ÐºÐ¾ÑÐ¾ÑÐ¾Ðµ Ð¸Ð¼ÐµÐµÑ ÑÑÐ½ÐºÑÐ¸Ð¾Ð½Ð°Ð» Ð¿ÑÐ¾Ð²ÐµÐ´ÐµÐ½Ð¸Ñ Ð²Ð¸Ð´ÐµÐ¾ÐºÐ¾Ð½ÑÐµÑÐµÐ½ÑÐ¸Ð¹. ÐÑÐ»Ð¸ ÑÐ°Ð·Ð¾Ð±ÑÐ°Ð½Ñ Ð¸ ÑÐ¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ñ ÑÑÐ½ÐºÑÐ¸Ð¾Ð½Ð°Ð»ÑÐ½ÑÐµ ÑÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸Ñ, ÐºÐ¾ÑÐ¾ÑÑÐµ Ð½Ðµ Ð²Ð¾ÑÐ»Ð¸ Ð² ÑÐµÐºÑÑÑÑ Ð²ÐµÑÑÐ¸Ñ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ, Ð½Ð¾ ÐºÐ¾ÑÐ¾ÑÑÐµ Ð½ÐµÐ¾Ð±ÑÐ¾Ð´Ð¸Ð¼Ð¾ Ð´Ð¾Ð±Ð°Ð²Ð¸ÑÑ Ð´Ð»Ñ Ð²ÑÐ¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ Ð²ÑÐµÑ Ð¿Ð¾ÑÑÐ°Ð²Ð»ÐµÐ½Ð½ÑÑ ÑÐµÐ»ÐµÐ¹ Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÑÐµÐ¼Ð¾Ð¹ ÑÐ¸ÑÑÐµÐ¼Ñ. ÐÑÐ¿Ð¾Ð»Ð½ÐµÐ½Ñ ÑÐµÑÑÑ Ð¿ÑÐ¾Ð²ÐµÑÑÑÑÐ¸Ðµ ÑÐ°Ð±Ð¾ÑÐ¾ÑÐ¿Ð¾ÑÐ¾Ð±Ð½Ð¾ÑÑÑ Ð¸ Ð¿ÑÐ¾Ð¸Ð·Ð²Ð¾Ð´Ð¸ÑÐµÐ»ÑÐ½Ð¾ÑÑÑ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ð½Ð¾Ð³Ð¾ Ð¿ÑÐ¾Ð´ÑÐºÑÐ°. ÐÐ°Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð´ÐµÐ»Ð°ÐµÑ Ð²ÐºÐ»Ð°Ð´ Ð² ÑÐ°Ð·Ð²Ð¸ÑÐ¸Ðµ Ð¾ÑÐµÑÐµÑÑÐ²ÐµÐ½Ð½ÑÑ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹ Ð´Ð»Ñ Ð²Ð¸Ð´ÐµÐ¾ÐºÐ¾Ð½ÑÐµÑÐµÐ½ÑÐ¸Ð¹, ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ð½Ð¾Ðµ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ Ð¼Ð¾Ð¶ÐµÑ Ð¿ÑÐ¸Ð¼ÐµÐ½ÑÑÑÑÑ ÐºÐ°Ðº Ð´Ð»Ñ Ð¿ÑÐ¾ÑÑÑÑ Ð²ÑÑÑÐµÑ, ÑÐ°Ðº Ð¸ Ð´Ð»Ñ ÑÐ°Ð±Ð¾ÑÐ¸Ñ Ð²ÑÑÑÐµÑ Ð¸ ÑÐ¾Ð²ÐµÑÐ°Ð½Ð¸Ð¹.
description: This work is devoted to the creation of a web application for videoconferencing, the study of protocols for the implementation of video and audio data transmission over the network, a review of analog web applications, as well as the study of libraries and tools that allow you to implement your own web application for videoconferencing. The object of the study is protocols that allow transmitting various information over the network, including video and audio data. The subject of the study is the features and functional elements of various video conferencing applications, as well as the study of the technical aspects of tools and libraries that allow the transfer of media content between application clients. The purpose of the work is to develop a web application for videoconferencing, which in terms of functionality can be compared with the analogues of the applications considered. In the course of the work, a functional and structural analysis of popular protocols for the implementation of video and audio data transmission was carried out. Their shortcomings, which can be encountered in the process of application development, were formalized. A review of various popular foreign and domestic solutions for videoconferencing was conducted, their advantages and disadvantages were identified. The analysis of existing web development tools and technologies, with the help of which it is possible to develop the required web application, was carried out. As a result of the study, a list of technologies was determined that will allow to develop an optimal web application for video conferences. The criteria that the designed application should have are compiled, the tasks necessary to achieve the goal are compiled. A web application, which has the functionality of video conferencing, was developed based on the considered stack. Functional requirements that were not included in the current version of the application, but which must be added to fulfill all the goals of the designed system, were analyzed and designed. Tests have been performed to verify the operability and performance of the developed product. This work contributes to the development of domestic applications for videoconferencing, the developed application can be used for both casual and working meetings.