Differences

This shows you the differences between two versions of the page.

--- gyrocolor [2024/09/18 06:51] – created msvoelker
+++ gyrocolor [2026/09/21 19:48] (current) – msvoelker
@@ Line 1: / Line 1: @@
 ====== Gyrocolor ======
-Gyrocolor ist ein WebRTC Demoanwendung, die die verzögerte Latenz bei Peer-to-Peer Kommunikation zeigen soll.
+Gyrocolor ist ein WebRTC Demoanwendung, die die verzögerte Latenz bei Peer-to-Peer Kommunikation zeigen soll. Der Code von Gyrocolor befindet sich im github Repository WebRTC-Data-Channel-Playground unter der Organisation nplab.
-Der Code von Gyrocolor befindet sich im github Repository WebRTC-Data-Channel-Playground unter der Organisation nplab.
 [[https://github.com/nplab/WebRTC-Data-Channel-Playground]]
-Github wird auch als Hoster dafür verwendet über folgende URL ist gyrocolor erreichbar.
+Github wird auch als Hoster dafür verwendet. Über folgende URL ist gyrocolor erreichbar.
-[[https://rawgit.com/nplab/WebRTC-Datachannel-Playground/master/gyrocolor/gyrocolor.html]]
+[[https://nplab.github.io/WebRTC-Data-Channel-Playground/gyrocolor/gyrocolor.html]]
 ===== STUN/TURN Server =====
@@ Line 21: / Line 19: @@
 		urls : "stun:stun.l.google.com:19302"
 	}, {
-		urls			: "turn:dsl.nplab.de:3478",
+		urls			: "turn:wiki.nplab.de:3478",
 		username		: "nplab",
 		credential		: "nplab",
@@ Line 28: / Line 26: @@
 </code>
-Als TURN Server läuft ein Coturn auf gw-tuexen. Gestartet werden kann der z. B. in einer tmux Session mit
+Als TURN Server läuft ein Coturn auf wiki.nplab.de. Installiert werden kann der über pkg.
+  # pkg install turnserver
+Gestartet werden kann der z. B. in einer tmux Session mit
   # turnserver -c /usr/local/etc/turnserver.conf
+Die turnserver.conf unterscheidet sich nur leicht von der vogegebenen turnserver.conf.default. Angepasst wurden die listening-ip, user und realm wie folgt.
+<code>
+listening-ip=217.92.3.215
+user=nplab:nplab
+realm=nplab.de
+</code>
 ===== Signaling =====
@@ Line 36: / Line 46: @@
 Als Signaling Server wird Firebase von Google verwendet. Über die Google Cloud kann eine Datenbank (Realtime Database) angelegt werden, die dafür genutzt wird.
+Um die Realtime Database anzulegen mit einem Google Account anmelden und in der Firebase Console ein neues Projekt erstellen.
+[[https://console.firebase.google.com]]
+Nachdem ein Projekt erstellt/ausgewählt wurde, links im Menü der Firebase Console unter Entwickeln/Develop den Punkt Realtime Database anklicken. Dort eine offene Realtime Database (USA (us-central1)) erstellen, sodass jeder ohne Authentication darauf zugreifen kann. Aktuell sind die Zugriffsregeln die folgenden
+<code>
+{
+  "rules": {
+    ".read": "now < 1729116000000",  // 2024-10-17
+    ".write": "now < 1729116000000",  // 2024-10-17
+  }
+}
+</code>
+Die Realtime Database ist über eine eigene URL erreichbar. In JavaScript wird die genutzt, um das Firebase Objekt zu erstellen.
+  var dbRef = new Firebase("https://msvoelker-webrtc-default-rtdb.firebaseio.com/");
+[[https://github.com/nplab/WebRTC-Data-Channel-Playground/blob/2dade12d5a25815816c43687d7b6a14d2b0006b3/gyrocolor/gyrocolor.js#L42]]