Skip to content

[Feature] Add a chat and use websockets #52

@gbowne1

Description

@gbowne1

This app doesn't have chat, essential for streaming.

Add a container

<div class="chat-container border rounded bg-white">
  <div id="chatMessages" class="p-3 overflow-auto" style="height: 300px;"></div>
  <div class="input-group p-2 border-top">
    <input type="text" id="chatInput" class="form-control" placeholder="Send a message...">
    <button id="sendBtn" class="btn btn-primary">Send</button>
  </div>
</div>

Use socket.io and/or ws. Put the logic in server.js and main.js

Add role feature like moderators, VIPs, administrators, broadcaster, bot.

A side project could be to add a broadcaster/streamer dashboard, a moderator panel with typical mod functionality, etc.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingdocumentationImprovements or additions to documentationenhancementNew feature or requestgood first issueGood for newcomershelp wantedExtra attention is neededquestionFurther information is requested

    Projects

    Status

    In Progress

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions