m1k1o / neko

A self hosted virtual browser that runs in docker and uses WebRTC.
https://neko.m1k1o.net/
Apache License 2.0
5.96k stars 449 forks source link

How to embed a different chat over/beside current chat? #242

Closed phere-x closed 10 months ago

phere-x commented 1 year ago

I want to have a twitch chat available as an option in one of the tabs for the already existing users from twitch & the community there (& to get my emotes from 3rd party sites & 7TV features, like overlay emotes & patterned usernames).

I found that running this & streaming it to a channel on twitch gets more viewers in & helps build a watch party community as opposed to just running neko & only inviting the Discord members I can reach.

There are downsides to using twitch chat like not being self-hosted & so not in charge & being at the mercy of the rules they set. But it's a good option for now till neko chat evolves more.

Ideally I'd like to aggregate everyone over to this one place, and one step to get closer to do that would be embedding a 'video player' (twitch in my case) & have it as a tab to switch between like with chat would be great.

I have no experience with vue so the most straight forward solution would be greatly appreciated.

Technetium1 commented 1 year ago

Use Tampermonkey + CSS to hide chat and make an iframe with Twitch chat?

phere-x commented 1 year ago

Not ideal to get everyone to install scripts. I'd rather find what to change/edit, and do that. I don't mind having to edit & build it myself when needed.

But having this app where it can let us modify sections without having to do so would be great.

Technetium1 commented 1 year ago

The idea was to create and style it how you want, then request those features be implemented by someone more familiar with the codebase. If you're not comfortable creating it yourself, that's always fine too!

m1k1o commented 1 year ago

You can create this tampermonkey and CSS changes, and when ready just adding it to your image (by modifying index.html) so your users don't need to do it using extensions and everybody sees it.