Watch2gether

Eine weitere Website zur Videosynchronisierung, die derzeit YouTube, DailyMotion Vimeo Soundcloud und Videos unterstützt, die auf Ihrem eigenen Dateiserver gehostet werden, der Ihnen völlig legal gehört

Warum?

Dieses Projekt entstand aus meiner Suche nach etwas, das es meiner Gruppe von Freunden ermöglichen würde, gemeinsam Videos anzusehen, von der zufälligen Sammlung von YouTube-Clips bis hin zu langen Filmen. Alle anderen Dienste unterstützten die Wiedergabe von MP4-Dateien nicht oder verfügten über nicht benötigte Funktionen, beispielsweise Chat. Für diese kleine Webanwendung müssen keine API-Schlüssel eingerichtet werden und Benutzer müssen keine Konten erstellen. Erstellen Sie einfach einen Raum, teilen Sie einen Link und andere können beitreten.

Merkmale

Hören Sie in Zwietracht zu

Screenshot 1 Bot unterstützt nur Slash-Befehle. Vollständige Liste der Befehle

 - /join : Join Bot to a voice channel 
- /leave : Disconnect Bot from channel 

- /pause : Pause Video 
- /skip : Skip to next video in the Queue 
- /play : Play Video 
- /stop : Stop Video 
- /list : List videos in the Queue 
- /add <video> : Add Video to Queue 

- /playlist load <name>
- /now : Current Status of what is playing

Unterstützte Mediendateien

Watch2gether wurde mit der folgenden URL getestet. Andere Websites funktionieren möglicherweise in der Benutzeroberfläche, jedoch nicht über den Bot.

Youtube: Einzelne Videos und Playlists
Podcast-RSS: Unterstützt derzeit die Wiedergabe des Neuesten aus dem Feed
Icecast-Streams: Radio-M3U-Streams können in einen Raum gestreamt werden
MP4-Videodateien
MP3-Dateien: Hinweis kann auch für Podcasts verwendet werden, wenn Sie die Episodendatei kennen

Wiedergabelisten

Screenshot 1 Watch2gether kann benutzerdefinierte Wiedergabelisten speichern, ohne sie auf YouTube öffentlich zu machen.

Installieren

Diese Anwendung ist als Docker-Container verpackt. Sie können es mit ausführen

 docker run -d -p 8080:8080 robrotheram/watch2gether

Ersetzen von Werten in `app.sample.env` durch Discord Bot- und OAuth-Client-Anmeldeinformationen

Befolgen Sie diese Schritte, um die Platzhalterwerte in der Datei app.sample.env durch die tatsächlichen Anmeldeinformationen zu ersetzen, die Sie beim Erstellen eines Discord-Bots und eines OAuth2-Clients erhalten haben:

Erstellen Sie einen Discord-Bot:
- Gehen Sie zum Discord-Entwicklerportal.
- Klicken Sie auf die Schaltfläche „Neue Bewerbung“.
- Geben Sie einen Namen für Ihre Anwendung ein.
- Navigieren Sie zur Registerkarte „Bot“ in der linken Seitenleiste.
- Klicken Sie auf „Bot hinzufügen“ und bestätigen Sie.
- Kopieren Sie das generierte Bot-Token.
Erstellen Sie einen OAuth2-Client:
- Gehen Sie im Discord Developer Portal zu Ihren Anwendungseinstellungen.
- Navigieren Sie zur Registerkarte „OAuth2“ in der linken Seitenleiste.
- Fügen Sie unter „Weiterleitungen“ eine Weiterleitungs-URL hinzu (z. B. http://localhost:8080/auth/callback ).
- Kopieren Sie die generierte OAuth2-Client-ID.
- Kopieren Sie das generierte OAuth2-Client-Geheimnis.
Werte in app.sample.env ersetzen:
- Kopieren Sie die Datei app.sample.env und benennen Sie sie in app.env um.
- Ersetzen Sie die Platzhalterwerte ( CHANGEME ) durch die entsprechenden Werte, die Sie beim Erstellen des Discord-Bots und des OAuth2-Clients erhalten haben:
```
 DISCORD_TOKEN=YOUR_DISCORD_BOT_TOKEN
DISCORD_CLIENT_ID=YOUR_OAUTH2_CLIENT_ID
DISCORD_CLIENT_SECRET=YOUR_OAUTH2_CLIENT_SECRET
SESSION_SECRET=ANY_RANDOM_STRING_FOR_SESSION_SECURITY
```
  Stellen Sie sicher, dass Sie YOUR_DISCORD_BOT_TOKEN , YOUR_OAUTH2_CLIENT_ID und YOUR_OAUTH2_CLIENT_SECRET durch die tatsächlichen Werte ersetzen, die Sie vom Discord Developer Portal erhalten haben.
Änderungen speichern:
- Speichern Sie die Datei app.env .

`docker-compose.yml` konfigurieren

Wenn Sie Docker verwenden, können Sie Ihre docker-compose.yml Datei so konfigurieren, dass sie die erforderlichen Umgebungsvariablen enthält. Hier ist ein Beispiel:

    environment :
      - DISCORD_TOKEN=YOUR_DISCORD_BOT_TOKEN
      - DISCORD_CLIENT_ID=YOUR_OAUTH2_CLIENT_ID
      - DISCORD_CLIENT_SECRET=YOUR_OAUTH2_CLIENT_SECRET
      - SESSION_SECRET=ANY_RANDOM_STRING_FOR_SESSION_SECURITY

Reverse-Proxy

Für die Ausführung hinter einem Proxy müssen Sie sowohl Websoctes als auch http weiterleiten. Unten finden Sie eine Beispiel-Nginx-Konfiguration

	server {
        server_name watch2gether.<YOUR DOMAIN>;
        listen 80;
        location / {
        proxy_set_header        Host $host;
        proxy_set_header        X-Real-IP $remote_addr;
        proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header        X-Forwarded-Proto $scheme;
		proxy_set_header 		Upgrade $http_upgrade;
    	proxy_set_header        Connection "upgrade";
        proxy_pass          	http://127.0.0.1:8080;
        proxy_read_timeout  90;
        }
    }