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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
|
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Гайд по Mumble</title>
<script src="script.js"></script>
<link rel="stylesheet" href="style.css" />
<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=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap"
rel="stylesheet"
/>
</head>
<body>
<main>
<h1>Гайд по Mumble</h1>
<p>Гайд для тех, кто хочет дискорд, только рабочий.</p>
</main>
<section>
<div class="step-header">
<span class="step-number">1</span>
<h2>Установка</h2>
</div>
<p>
Для начала тебе нужен сам клиент. Да, он выглядит сурово, зато работает надежно.
Скачай Mumble с
<a href="https://www.mumble.info/" target="_blank">официального сайта</a>.
</p>
<div class="gallery single">
<img src="src/download.png" alt="Кнопка скачать" loading="lazy" />
</div>
</section>
<section>
<div class="step-header">
<span class="step-number">2</span>
<h2>Настройка звука</h2>
</div>
<p>Запусти Mumble. Сразу откроется мастер настройки звука. <br /></p>
<div class="alert">
<strong>Не прокликивай всё подряд кнопкой «Далее» не глядя!</strong> Настрой
микрофон нормально. Мы хотим слышать твой голос, а не то, как ты яростно долбишь по
клавиатуре.
</div>
</section>
<section>
<div class="step-header">
<span class="step-number">3</span>
<h2>Сертификат</h2>
</div>
<p>
Mumble не использует логины и пароли в привычном виде. Он использует сертификаты.
<br />Перейди в <strong>«Настройки» > «Мастер сертификатов»</strong> и выбери
<strong>«Сохранить текущий сертификат»</strong>.
</p>
<div class="alert">
<strong>Не теряй этот файл!</strong> Сохрани его в надежное место (Избранное в
Telegram). Если переустановишь систему и потеряешь сертификат — потеряешь доступ к
своим правам на сервере (ну если решишь залогиниться).
</div>
<div class="gallery">
<img src="src/cert1.png" alt="Мастер сертификатов" loading="lazy" />
<img src="src/cert2.png" alt="Сохранить текущий сертификат" loading="lazy" />
</div>
</section>
<section>
<div class="step-header">
<span class="step-number">4</span>
<h2>Подключение к серверу</h2>
</div>
<p>Пора заходить. Действуй по инструкции:</p>
<ol class="instructions-list">
<li>Открой меню <strong>«Сервер» > «Подключиться»</strong>.</li>
<li>
В поле поиска скопируй этот адрес:
<br />
<span class="copy" copy-text="Voice chat on igorek.dev">
Voice chat on igorek.dev
</span>
</li>
<li>
Нажми на найденный сервер правой кнопкой мыши и
<strong>«Добавить в избранное»</strong>.
</li>
<li>
Перейди в раздел «Избранное» (сердечко), нажми на сервер правой кнопкой и
<strong>«Редактировать»</strong>.
</li>
<li>Придумай себе нормальное <strong>«Имя пользователя»</strong> и жми «ОК».</li>
<li>Жми <strong>«Подключиться»</strong>.</li>
</ol>
<div class="gallery grid-gallery">
<img src="src/connect1.png" alt="Подключиться" />
<img src="src/connect2.png" alt="Добавить в избранное" />
<img src="src/connect3.png" alt="Редактировать" />
<img src="src/connect4.png" alt="Окно редактирования сервера" />
<img src="src/connect5.png" alt="Кнопка Подключиться" />
</div>
</section>
<section>
<div class="step-header">
<span class="step-number">5</span>
<h2>Токен доступа (Секретный пароль)</h2>
</div>
<p>
Ты зашел, но на губах печать молчания? Это нормально. Чтобы говорить, нужно знать
секретное слово.
</p>
<ol class="instructions-list">
<li>Иди в меню <strong>«Сервер» > «Access Tokens»</strong>.</li>
<li>Нажми кнопку <strong>«Добавить»</strong>.</li>
<li>
Вставь этот токен:
<span class="copy" copy-text="premium-skype2">premium-skype2</span>
</li>
<li>Не забудь нажать <strong>Enter</strong>, а затем <strong>ОК</strong>.</li>
</ol>
<div class="gallery">
<img src="src/access0.png" alt="Нельзя говорить" />
<img src="src/access1.png" alt="Открыть меню" />
<img src="src/access2.png" alt="Добавить токен" />
</div>
</section>
<section>
<div class="step-header">
<span class="step-number">6</span>
<h2>Переподключение</h2>
</div>
<p>
Ввел токен, а говорить всё ещё нельзя? Висит иконка «губы на замке»?
<br />
Спокойно! Сервер проверяет твой пропуск только на входе. Нужно выйти и зайти
нормально.
</p>
<ol class="instructions-list">
<li>Жми <strong>«Сервер» > «Отключиться»</strong>.</li>
<li>Снова жми <strong>«Сервер» > «Подключиться»</strong> и залетай обратно.</li>
<li>Теперь магия должна сработать, и ты сможешь говорить. Добро пожаловать!</li>
</ol>
</section>
<section>
<div class="step-header">
<span class="step-number">7</span>
<h2>Шейринг экрана</h2>
</div>
<p>
Mumble это просто войс чат. Чтобы показать свой экран придется воспользоваться
другим сервисом.
</p>
<ol class="instructions-list">
<li>Открывай сайт: <a href="https://vdo.ninja">vdo.ninja</a></li>
<li>Жми Remote <b>Screenshare for OBS</b></li>
<li>
Жми на зеленую кнопку <b>SELECT SCREEN TO SHARE</b> и выбирай чем хочешь
поделиться.
</li>
<li>Копируй ЗЕЛЁНУЮ ссылку обычным кликом по ней</li>
<li>Отправляй ссылку в чат Mumble</li>
<li>Твои друзья (если есть) открывают эту ссылку и видят твой экран</li>
</ol>
<div class="gallery">
<img src="src/screen1.png" alt="Выбор Screenshare for OBS" />
<img src="src/screen2.png" alt="Кнопка SELECT SCREEN TO SHARE" />
<img src="src/screen3.png" alt="Копирование ссылки" />
<img src="src/screen4.png" alt="Отправка ссылки" />
<img src="src/screen5.png" alt="Ссылка для зрителей" />
</div>
</section>
</body>
</html>
|