More Premium Hugo Themes Premium Nuxt Themes

Jamstack Sync Stream Video

A live watch party app to watch videos with your friends remotely, built with the Jamstack architecture.

Jamstack Sync Stream Video

A live watch party app to watch videos with your friends remotely, built with the Jamstack architecture.

Author Avatar Theme by ably-labs
Github Stars Github Stars: 26
Last Commit Last Commit: Jun 17, 2022 -
First Commit Created: Dec 18, 2023 -
Jamstack Sync Stream Video screenshot

Overview:

This project is a demonstration of realtime messaging in Jamstack apps. It allows a host to create a private watch party room, invite friends, and watch videos together while also being able to share live comments and see who is participating in the party. The app also gives the host full control of the video playback for all participants.

Features:

  • Synchronized video streaming: Allows users to watch videos together in real-time.
  • Private watch party: Users can create a private room and invite friends to join.
  • Live comments: Users can share live comments and chat during the watch party.
  • Participant visibility: Users can see who is currently online and participating in the party.

Installation:

To run this app locally, follow these steps:

  1. Start your Strapi Server:

    • Go to http://localhost:1337/admin and create a new user.
    • Log into your Admin panel and add videos.
    • Make sure to enable the necessary permissions for videos and the Ably authentication.
  2. Start your Nuxt App:

    • Open http://localhost:3000/ in your browser.

Summary:

This app demonstrates the use of Jamstack architecture and real-time messaging to create a synchronized video streaming experience. It allows hosts to create private watch parties, invite friends, and enjoy videos together while also providing interactive features like live comments and participant visibility. The app utilizes technologies like Nuxt.js, Strapi, Ably, and Netlify to achieve this functionality.