website/index.html at main · Framed-App/website · GitHub

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
---
layout: home
---

<p>Tired of dropped frames while streaming? Framed detects dropped frames and runs a series of tests to help streamers find the cause of dropped frames. <span class="fw-bold">Framed is currently in beta and only supports OBS and Streamlabs with streams to Twitch.</span></p>

<div class="card mb-3">
	<div class="row g-0 align-items-center">
	  <div class="col-md-6">
		<img src="/assets/img/VwOksZ6ww0.png" class="img-fluid rounded-start" alt="live data">
	  </div>
	  <div class="col-md-6 justify-content-center">
		<div class="card-body text-center">
		  <h5 class="card-title">Live Data</h5>
		  <p class="card-text">Framed checks for dropped frames every 4 seconds and will update the graph when dropped frames are detected. System stats are updated every second.</p>
		</div>
	  </div>
	</div>
</div>
<div class="pad-32"></div>
<div class="card mb-3">
	<div class="row g-0 align-items-center">
		<div class="col-md-6 justify-content-center">
		  <img src="/assets/img/9snJxXG0Gm.png" class="img-fluid rounded-start" alt="diagnostics">
		</div>
		<div class="col-md-6">
		  <div class="card-body text-center">
			<h5 class="card-title">Diagnostics</h5>
			<p class="card-text">When dropped frames are detected, the ping time to Google, the Framed website, TrueWinter's website, and 3 random Twitch ingest servers (usually in the closest region) are tested. This is then combined with the system stats to provide you with even more data to help you find the cause of dropped frames.</p>
		  </div>
		</div>
	  </div>
  </div>
</div>
<div class="pad-32"></div>
<div class="card mb-3">
	<div class="row g-0 align-items-center">
		<div class="col-md-6 justify-content-center">
		  <img src="/assets/img/Z8wDedkbaS.png" class="img-fluid rounded-start" alt="save for later">
		</div>
		<div class="col-md-6">
		  <div class="card-body text-center">
			<h5 class="card-title">Save For Later</h5>
			<p class="card-text">All data from diagnostics can be saved into a file to be reviewed later.</p>
		  </div>
		</div>
	</div>
</div>