screenrecorder.github.io/guide_castr.html at main · Atharva-System/screenrecorder.github.io · 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Screen Recorder - Castr Live Streaming Guide</title>

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        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"
        rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
    <div class="wrapper">
        <main>
            <div class="container">
                <div class="heading">
                    <h1>How to Stream Live on Castr</h1>
                    <p>Welcome to Screen Recorder, let’s get started with a step-by-step guide to unlock your streaming potential.</p>
                </div>

                <div class="card">
                    <h6>Step 1: Login to Castr and create a LiveStream</h6>
                    <div class="card-body">
                        <div class="text">
                            <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>.
                            If no livestream exists, click <strong>Create New LiveStream</strong>.</p>
                        </div>
                        <div class="media">
                            <img src="img/castr_one.png" title="Castr Dashboard" alt="Castr Dashboard">
                        </div>
                    </div>
                </div>

                <div class="card">
                    <h6>Step 2: Activate your free trial</h6>
                    <div class="card-body">
                        <div class="text">
                            <p>If you are a new user, activate your <strong>free trial</strong> to proceed with live streaming.</p>
                        </div>
                        <div class="media">
                            <img src="img/castr_two.png" title="Activate Trial" alt="Activate Trial">
                        </div>
                    </div>
                </div>

                <div class="card">
                    <h6>Step 3: Enter stream name and choose region</h6>
                    <div class="card-body">
                        <div class="text">
                            <p>Enter your <strong>stream name</strong> and select the <strong>region</strong> where you want to stream.</p>
                        </div>
                        <div class="media">
                            <img src="img/castr_three.png" title="Stream Name and Region" alt="Stream Name and Region">
                        </div>
                    </div>
                </div>

                <div class="card">
                    <h6>Step 4: Choose RTMP and copy Streaming URL & Key</h6>
                    <div class="card-body">
                        <div class="text">
                            <p>Click on <strong>Source Setup</strong>, choose <strong>RTMP</strong>, and copy the <strong>Streaming URL</strong> and <strong>Streaming Key</strong>.</p>
                        </div>
                        <div class="media">
                            <img src="img/castr_four.png" title="RTMP Source Setup" alt="RTMP Source Setup">
                        </div>
                    </div>
                </div>

                <div class="card">
                    <h6>Step 5: Paste URL and Streaming Key in the App</h6>
                    <div class="card-body">
                        <div class="text">
                            <p>Paste the copied <strong>Streaming URL</strong> and <strong>Streaming Key</strong> into the app and start streaming live.</p>
                        </div>
                        <div class="media">
                            <img src="img/castr-device.png" title="Paste Streaming Details" alt="Paste Streaming Details">
                        </div>
                    </div>
                </div>

            </div>
        </main>

        <footer class="footer">
            <p>Screen Recorder © All rights reserved</p>
        </footer>
    </div>
</body>

</html>