Skip to content

Create a live streaming app with Next.js 15 and ZegoCloud UIKits for seamless real-time video, audio, and chat.

Notifications You must be signed in to change notification settings

rxhul18/StreamOn

Repository files navigation

🎥 StreamOn: Collaborative Streaming Platform

Welcome to StreamOn, This platform lets you easily start a live stream, share the link, and invite others to join as co-hosts or audience members. Whether for collaboration, entertainment, or interaction, StreamOn makes streaming seamless and fun!


📽️ Youtube Demo video

🛠️ Tech Stack

  • Frontend: Next.js - A powerful React framework
  • Styling: Tailwind CSS - Modern utility-first CSS
  • Streaming: Zegocloud - Real-time video and audio API
  • State Management: Zustand - Lightweight and flexible state management library

🚀 Features

  • Host Your Stream: Start a live session with just a few clicks.
  • Invite Collaborators: Share a unique link for co-hosts or audience members to join.
  • Collaborative Co-hosting: Allow multiple hosts to interact seamlessly in the same stream.
  • Audience Participation: Bring audiences closer to the action with smooth real-time interaction.
  • Live Chat: Engage with co-hosts and the audience through an integrated chat feature.
  • Screen Sharing: Co-hosts can share their screens effortlessly, making it perfect for presentations, demos, and more.

📸 Screenshots

Explore the user interface and features below:

Screenshot 2024-12-24 at 10 28 03 PM Screenshot 2024-12-24 at 10 29 45 PM
Screenshot 2024-12-24 at 10 31 52 PM Screenshot 2024-12-24 at 10 33 20 PM

🌐 How to Run Locally

  1. Clone the repository:

    git clone https://github.com/rxhul18/StreamOn.git
    cd StreamOn
    npm install
    npm run dev
  2. Environment Configuration:

    Create a .env file in the root directory and add your configuration:

     NEXT_PUBLIC_ZEGO_APP_ID="Your AppId"
     NEXT_PUBLIC_ZEGO_SERVER_SECRET="Your's secret key"

Contributing 🤝

I welcome contributions! Please fork the repository and create a new branch for your contributions. Submit a pull request once you're done.

  1. Fork the project
  2. Create your feature branch: git checkout -b feature/YourFeature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin feature/YourFeature
  5. Open a pull request

Contact 📬

Have questions or want to collaborate? Feel free to reach out!

About

Create a live streaming app with Next.js 15 and ZegoCloud UIKits for seamless real-time video, audio, and chat.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published