A Hybrid Overlay Architecture for Social Feature Integration in Browser-Based Cloud Gaming

Authors

  • Ahmad Nur Zafran Shah Ahmad Shahrizal Department of Computer Science, International Islamic University Malaysia, Kuala Lumpur, Malaysia
  • Danish Haikal Mohammad Department of Computer Science, International Islamic University Malaysia, Kuala Lumpur, Malaysia
  • Zainab Senan Mahmod Attar Bashi Department of Computer Science, International Islamic University Malaysia, Kuala Lumpur, Malaysia
  • Amal Abdulwahab Hasan Alamrami Department of Computer Science, International Islamic University Malaysia, Kuala Lumpur, Malaysia
  • Nur-Adib Maspo Department of Computer Science, International Islamic University Malaysia, Kuala Lumpur, Malaysia

DOI:

https://doi.org/10.31436/ijpcc.v12i1.678

Keywords:

Cloud Gaming, WebRTC, Low-Latency Streaming, TypeScript, Performance Optimization

Abstract

Current cloud gaming platforms force a trade-off between streaming performance and integrated social features, typically requiring resource-intensive dedicated clients. This paper presents an architecture that eliminates this compromise through a Hybrid Overlay engine. Built with vanilla TypeScript/HTML5 and decoupled from the WebRTC video pipeline, the engine renders social overlays (chat, friend lists) directly onto the game canvas, avoiding DOM overhead. A Rust/Actix-web backend ensures low-latency streaming. The system was validated through comprehensive testing. Performance and security tests confirmed: automatic streamer binary compilation, successful WebRTC stream initiation, automated SSL generation, and strict HTTPS enforcement. Functional tests demonstrated robust authentication (registration, session persistence), real-time message synchronization (<200ms), and correct social workflows. Crucially, the input sandbox isolated chat keystrokes from the game stream, and Firebase RBAC rules blocked all unauthorized data writes. By unifying high-fidelity streaming with lightweight, native social integration, this work provides a performant, zero-install platform that makes social cloud gaming accessible on low-end devices, establishing a new model for architecting these services.

References

K. Kumar and M. Jha, “Cloud gaming: Redefining the future of entertainment beyond conventional PCs,” Journal of Recent Innovation in Computer Science Technology, vol. 2, no. 4, pp. 39–51, Oct. 2025, doi: 10.70454/JRICST.2025.20404.

Statista, “Cloud gaming – Worldwide,” 2024. [Online]. Available: https://www.statista.com/outlook/amo/media/games/cloud-gaming/worldwide. [Accessed: Jan. 2026].

O. S. Peñaherrera-Pulla, C. Baena, S. Fortes, E. Baena, and R. Barco, “Measuring key quality indicators in cloud gaming: Framework and assessment over wireless networks,” Sensors, vol. 21, no. 4, p. 1387, Feb. 2021, doi: 10.3390/s21041387.

Entertainment Software Association, Power of Play: Global Report 2023, Washington, DC, USA, 2023.

NVIDIA Corporation, “GeForce NOW,” 2024. [Online]. Available: https://www.nvidia.com/en-my/geforce-now/. [Accessed: Jan. 2026].

J. M. John, “A comparative study on the user experience of PC gaming vs cloud gaming,” EPRA International Journal of Multidisciplinary Research (IJMR), pp. 148–152, Apr. 2020, doi: 10.36713/epra4284.

C. Baena, O. S. Peñaherrera-Pulla, R. Barco, and S. Fortes, “Measuring and estimating key quality indicators in cloud gaming services,” Computer Networks, vol. 231, p. 109808, Jul. 2023, doi: 10.1016/j.comnet.2023.109808.

A. K. Jumani et al., “Quality of experience (QoE) in cloud gaming: A comparative analysis of deep learning techniques via facial emotions in a virtual reality environment,” Sensors, vol. 25, no. 5, p. 1594, Mar. 2025, doi: 10.3390/s25051594.

M. Jarschel, D. Schlosser, S. Scheuring, and T. Hoßfeld, “An evaluation of QoE in cloud gaming based on subjective tests,” in Proc. 5th Int. Conf. Innovative Mobile and Internet Services in Ubiquitous Computing (IMIS), IEEE, Jun. 2011, pp. 330–335, doi: 10.1109/IMIS.2011.92.

M. Manzano, M. Urueña, M. Sužnjevi?, E. Calle, J. A. Hernández, and M. Matijasevic, “Dissecting the protocol and network traffic of the OnLive cloud gaming platform,” Multimedia Systems, vol. 20, no. 5, pp. 451–470, Oct. 2014, doi: 10.1007/s00530-014-0370-4.

“WebRTC,” in Multimedia Networks, Hoboken, NJ, USA: Wiley, 2016, pp. 213–222, doi: 10.1002/9781119090151.ch8.

MrCreativ3001, “moonlight-web-stream,” GitHub repository, 2024. [Online]. Available: https://github.com/MrCreativ3001/moonlight-web-stream. [Accessed: Jan. 2026].

J. C. Long and R. J. Toal, “Modeling patterns for JavaScript browser-based games,” in Internet and Multimedia Systems and Applications / 747: Human–Computer Interaction, Calgary, AB, Canada: ACTA Press, 2011, doi: 10.2316/P.2011.746-018.

Downloads

Published

30-01-2026

How to Cite

Ahmad Shahrizal, A. N. Z. S., Mohammad, D. H., Senan Mahmod Attar Bashi, Z., Abdulwahab Hasan Alamrami, A. ., & Maspo, N.-A. . (2026). A Hybrid Overlay Architecture for Social Feature Integration in Browser-Based Cloud Gaming. International Journal on Perceptive and Cognitive Computing, 12(1), 137–144. https://doi.org/10.31436/ijpcc.v12i1.678