Skip to content

Commit d368ff7

Browse files
bhavinatharvabhavinatharva
authored
Merge pull request #1 from Atharva-System/develop
Develop
2 parents cb5c493 + a8ebc2a commit d368ff7

14 files changed

Lines changed: 268 additions & 0 deletions

‎assets/placeholder.png‎

10.8 KB
Loading

‎guide_castr.html‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>Screen Recorder - Castr Live Streaming Guide</title>
8+
9+
<link rel="preconnect" href="https://fonts.googleapis.com">
10+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11+
<link
12+
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
13+
rel="stylesheet">
14+
15+
<link rel="stylesheet" type="text/css" href="css/style.css">
16+
</head>
17+
18+
<body>
19+
<div class="wrapper">
20+
<main>
21+
<div class="container">
22+
<div class="heading">
23+
<h1>How to Stream Live on Castr</h1>
24+
<p>Welcome to Screen Recorder, let’s get started with a step-by-step guide to unlock your streaming potential.</p>
25+
</div>
26+
27+
<div class="card">
28+
<h6>Step 1: Login to Castr and create a LiveStream</h6>
29+
<div class="card-body">
30+
<div class="text">
31+
<p>Go to <strong>Castr</strong> and log in to your streaming account. Click on <strong>Profile</strong> and go to the <strong>Dashboard</strong>.
32+
If no livestream exists, click <strong>Create New LiveStream</strong>.</p>
33+
</div>
34+
<div class="media">
35+
<img src="img/castr_one.png" title="Castr Dashboard" alt="Castr Dashboard">
36+
</div>
37+
</div>
38+
</div>
39+
40+
<div class="card">
41+
<h6>Step 2: Activate your free trial</h6>
42+
<div class="card-body">
43+
<div class="text">
44+
<p>If you are a new user, activate your <strong>free trial</strong> to proceed with live streaming.</p>
45+
</div>
46+
<div class="media">
47+
<img src="img/castr_two.png" title="Activate Trial" alt="Activate Trial">
48+
</div>
49+
</div>
50+
</div>
51+
52+
<div class="card">
53+
<h6>Step 3: Enter stream name and choose region</h6>
54+
<div class="card-body">
55+
<div class="text">
56+
<p>Enter your <strong>stream name</strong> and select the <strong>region</strong> where you want to stream.</p>
57+
</div>
58+
<div class="media">
59+
<img src="img/castr_three.png" title="Stream Name and Region" alt="Stream Name and Region">
60+
</div>
61+
</div>
62+
</div>
63+
64+
<div class="card">
65+
<h6>Step 4: Choose RTMP and copy Streaming URL & Key</h6>
66+
<div class="card-body">
67+
<div class="text">
68+
<p>Click on <strong>Source Setup</strong>, choose <strong>RTMP</strong>, and copy the <strong>Streaming URL</strong> and <strong>Streaming Key</strong>.</p>
69+
</div>
70+
<div class="media">
71+
<img src="img/castr_four.png" title="RTMP Source Setup" alt="RTMP Source Setup">
72+
</div>
73+
</div>
74+
</div>
75+
76+
<div class="card">
77+
<h6>Step 5: Paste URL and Streaming Key in the App</h6>
78+
<div class="card-body">
79+
<div class="text">
80+
<p>Paste the copied <strong>Streaming URL</strong> and <strong>Streaming Key</strong> into the app and start streaming live.</p>
81+
</div>
82+
<div class="media">
83+
<img src="img/castr-device.png" title="Paste Streaming Details" alt="Paste Streaming Details">
84+
</div>
85+
</div>
86+
</div>
87+
88+
</div>
89+
</main>
90+
91+
<footer class="footer">
92+
<p>Screen Recorder © All rights reserved</p>
93+
</footer>
94+
</div>
95+
</body>
96+
97+
</html>

‎guide_soop.html‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>Screen Recorder - Soop Live Streaming Guide</title>
8+
9+
<link rel="preconnect" href="https://fonts.googleapis.com">
10+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11+
<link
12+
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
13+
rel="stylesheet">
14+
15+
<link rel="stylesheet" type="text/css" href="css/style.css">
16+
</head>
17+
18+
<body>
19+
<div class="wrapper">
20+
<main>
21+
<div class="container">
22+
<div class="heading">
23+
<h1>How to Stream Live on Soop</h1>
24+
<p>Welcome to Screen Recorder, let’s get started with a step-by-step guide to unlock your streaming potential.</p>
25+
</div>
26+
27+
<div class="card">
28+
<h6>Step 1: Go to Soop and login to your streaming account</h6>
29+
<div class="card-body">
30+
<div class="text">
31+
<p>Open <strong>Soop</strong>, log in to your streaming account, click on <strong>Dashboard</strong>, and go to the dashboard page.</p>
32+
</div>
33+
<div class="media">
34+
<img src="img/soo_one.jpg" title="Soop Dashboard Login" alt="Soop Dashboard Login">
35+
</div>
36+
</div>
37+
</div>
38+
39+
<div class="card">
40+
<h6>Step 2: Click on Manage Live Streams</h6>
41+
<div class="card-body">
42+
<div class="text">
43+
<p>From the dashboard, click on <strong>Manage Live Streams</strong> to continue.</p>
44+
</div>
45+
<div class="media">
46+
<img src="img/soo_two.png" title="Manage Live Streams" alt="Manage Live Streams">
47+
</div>
48+
</div>
49+
</div>
50+
51+
<div class="card">
52+
<h6>Step 3: Click Streaming Key to view stream details</h6>
53+
<div class="card-body">
54+
<div class="text">
55+
<p>Click on <strong>Streaming Key</strong> to view your <strong>Streaming URL</strong> and <strong>Streaming Key</strong>.</p>
56+
</div>
57+
<div class="media">
58+
<img src="img/soop_three.png" title="Streaming Key Details" alt="Streaming Key Details">
59+
</div>
60+
</div>
61+
</div>
62+
63+
<div class="card">
64+
<h6>Step 4: Choose RTMP and copy Streaming URL & Key</h6>
65+
<div class="card-body">
66+
<div class="text">
67+
<p>Click <strong>Source Setup</strong>, choose <strong>RTMP</strong>, and copy the <strong>Streaming URL</strong> and <strong>Streaming Key</strong>.</p>
68+
</div>
69+
<div class="media">
70+
<img src="img/soop_four.jpg" title="RTMP Source Setup" alt="RTMP Source Setup">
71+
</div>
72+
</div>
73+
</div>
74+
75+
<div class="card">
76+
<h6>Step 5: Paste URL and Streaming Key in the App</h6>
77+
<div class="card-body">
78+
<div class="text">
79+
<p>Paste the copied <strong>Streaming URL</strong> and <strong>Streaming Key</strong> into the app and start live streaming.</p>
80+
</div>
81+
<div class="media">
82+
<img src="img/soop-device.png" title="Paste Streaming Details in App" alt="Paste Streaming Details in App">
83+
</div>
84+
</div>
85+
</div>
86+
87+
</div>
88+
</main>
89+
90+
<footer class="footer">
91+
<p>Screen Recorder © All rights reserved</p>
92+
</footer>
93+
</div>
94+
</body>
95+
96+
</html>

‎img/castr-device.png‎

117 KB
Loading

‎img/castr_four.png‎

856 KB
Loading

‎img/castr_one.png‎

586 KB
Loading

‎img/castr_three.png‎

692 KB
Loading

‎img/castr_two.png‎

658 KB
Loading

‎img/soo_one.jpg‎

641 KB
Loading

‎img/soo_two.png‎

692 KB
Loading

0 commit comments

Comments
 (0)