-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (61 loc) · 2.17 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://unpkg.com/mvp.css" />
</head>
<body>
<main>
<article>
<h2>Two Markers</h2>
<p>
Show two markers in one overlay:
<code
>https://obs-overlay-help.vercel.app/two-marker.html?streamerId=437343696&otherStreamerId=753285921</code
>
Replace <code>streamerId</code> and <code>otherStreamerId</code> with
the two Twitch ids.
</p>
</article>
<article>
<h2>3D Streets</h2>
<p>
Follow the streamer with 3D plain buildings.
<code
>https://obs-overlay-help.vercel.app/3d-streets.html?key=<YOUR_PK>&fullscreen=1</code
>
Replace <code>pullKey</code> with your RealtimeIRL pull key.
</p>
</article>
<article>
<h2>Rainview</h2>
<p>
See radar data on the overlay, you may need to adjust zoom to see what you want using the <code>&zoom=5</code> parameter.
<code
>https://obs-overlay-help.vercel.app/rainview.html?key=<YOUR_PK>&fullscreen=1</code
>
Replace <code>pullKey</code> with your RealtimeIRL pull key.
<img src="rainview.png" alt="Ranview overlay example">
</p>
</article>
<article>
<h2>Citibike</h2>
<p>
Made to follow Terry Barentsen's bike angel challenge.
<code
>https://obs-overlay-help.vercel.app/citibike.html</code
>
This is probably not very useful for others.
<img src="citibike.png" alt="Citibike overlay example">
</p>
</article>
<article>
<h2>StreamElements Overlays</h2>
<p>StreamElements iFrame seems to block parts of the overlays hosted by RealtimeIRL,
however, you can achieve the same by directly having the code there, you can see
some examples in <a href="https://github.com/juaoose/obs-overlay-help/tree/main/streamelements">this link</a>
Note: You will need to provide your Realtime pull key and other keys depending on the overlay.
</p>
</article>
</main>
</body>
</html>