Development of a Web Player for Interactive Video

Nel mondo digitale moderno gli utenti consumano una grande quantità di contenuti audiovisivi e richiedono esperienze sempre più coinvolgenti e di alta qualità. Il video interattivo, che permette allo spettatore di influenzare la narrazione tramite scelte in tempo reale, rappresenta una direzione promettente, ma manca ancora un lettore Web facilmente accessibile. Questo lavoro si concentra sullo sviluppo di un Web player in grado di riprodurre scenari video interattivi composti da frammenti collegati tramite checkpoint. Vengono introdotti i concetti fondamentali del video interattivo, la struttura dello scenario e l’impatto delle scelte dell’utente sull’evoluzione del contenuto. Una delle principali sfide è garantire una riproduzione fluida e un adattamento rapido alle condizioni di rete. A tale scopo il progetto utilizza la tecnologia Adaptive Bitrate Streaming (ABS), che permette di regolare dinamicamente la qualità del video in base alla velocità di connessione. L’applicazione è sviluppata utilizzando React.js e Next.js per il lato client, mentre Node.js ed Express.js sono impiegati per il lato server. L’architettura prevista parte come monolitica per evolversi poi in microservizi. Il risultato del lavoro è una base tecnologica solida e scalabile per un lettore Web di video interattivi.

In the modern digital environment, users consume large amounts of audiovisual content and increasingly expect high-quality and engaging experiences. Interactive video, which allows viewers to influence the narrative through real-time choices, has become a promising direction but still lacks accessible web-based playback tools. This work focuses on the development of a web player capable of displaying interactive video scenarios composed of multiple video fragments connected through checkpoints. The study introduces key concepts of interactive video, explores scenario structure, and analyzes how user decisions affect content progression. A major challenge is ensuring smooth playback and fast adaptation to network conditions. To address this, the project uses Adaptive Bitrate Streaming (ABS), a technology enabling dynamic quality adjustment depending on internet speed. The application is built using React.js and Next.js for the client side, and Node.js with Express.js for the server. The planned architecture begins with a monolithic approach and evolves toward microservices as functionality expands. The result of the work is a conceptual design and technological foundation for a scalable web-based interactive video player.