<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Настройки OBS Studio для стриминга</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #2c2c2c;
            color: #ffffff;
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center; /* Центрируем содержимое по горизонтали */
            min-height: 100vh;
        }
        h1 {
            text-align: center;
            color: #ffcc00;
            margin-bottom: 30px;
        }
        .button-group {
            display: flex;
            flex-direction: column;
            gap: 10px; /* Отступ между кнопками */
            max-width: 300px; /* Уменьшили ширину группы кнопок */
            width: 100%;
        }
        .button {
            display: block;
            width: 100%;
            padding: 15px;
            font-size: 18px;
            font-weight: bold;
            color: #ffffff; /* Белый текст */
            background-color: #4682B4; /* Стальной синий */
            border: none;
            border-radius: 8px;
            cursor: pointer;
            text-align: center;
            transition: background-color 0.3s ease, transform 0.2s ease;
        }
        .button:hover {
            background-color: #DAA520; /* Золотистый при наведении */
            transform: scale(1.02);
        }
        .settings {
            display: none;
            max-width: 600px;
            width: 100%;
            margin: 20px auto;
            padding: 20px;
            background-color: #3c3c3c;
            border-radius: 8px;
        }
        .settings h2 {
            color: #ffcc00;
        }
        .settings ol, .settings ul {
            line-height: 1.6;
        }
        .settings li {
            margin-bottom: 10px;
        }
        .settings code {
            background-color: #555;
            padding: 2px 5px;
            border-radius: 3px;
        }
        footer {
            text-align: center;
            margin-top: auto;
            padding: 20px;
            font-size: 14px;
            color: #999;
        }
        footer a {
            color: #ffcc00;
            text-decoration: none;
        }
        footer a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>

    <h1>Настройки OBS Studio для стриминга 🚀🎮🎙️ ваш помошник CEPBEP_RU56 😊</h1>

    <!-- Группа кнопок -->
    <div class="button-group">
        <!-- Кнопка для Trovo -->
        <button class="button" onclick="toggleSettings('trovo')">Настройки для Trovo</button>
        <!-- Кнопка для RuTube -->
        <button class="button" onclick="toggleSettings('rutube')">Настройки для RuTube</button>
        <!-- Кнопка для Twitch -->
        <button class="button" onclick="toggleSettings('twitch')">Настройки для Twitch</button>
        <!-- Кнопка для YouTube -->
        <button class="button" onclick="toggleSettings('youtube')">Настройки для YouTube</button>
        <!-- Кнопка для настройки микрофона -->
        <button class="button" onclick="toggleSettings('microphone')">Настройки микрофона</button>
    </div>

    <!-- Настройки для Trovo -->
    <div id="trovo" class="settings">
        <h2>Настройки OBS для Trovo</h2>
        <ol>
            <li>Откройте OBS Studio и перейдите в <code>Настройки</code> > <code>Поток</code>.</li>
            <li>Выберите <code>Trovo</code> в качестве сервиса.</li>
            <li>Введите ключ потока (Stream Key), который можно получить в вашем аккаунте на Trovo.</li>
            <li>Рекомендуемые параметры:
                <ul>
                    <li><strong>1080p (1920x1080):</strong>
                        <ul>
                            <li>Битрейт: 4500-6000 кбит/с</li>
                            <li>FPS: 60</li>
                            <li>Кодировщик: NVENC (если доступен)</li>
                        </ul>
                    </li>
                    <li><strong>2K (2560x1440):</strong>
                        <ul>
                            <li>Битрейт: 8000-10000 кбит/с</li>
                            <li>FPS: 60</li>
                            <li>Кодировщик: NVENC</li>
                        </ul>
                    </li>
                    <li><strong>4K (3840x2160):</strong>
                        <ul>
                            <li>Битрейт: 15000-20000 кбит/с</li>
                            <li>FPS: 60</li>
                            <li>Кодировщик: NVENC</li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ol>
    </div>

    <!-- Настройки для RuTube -->
    <div id="rutube" class="settings">
        <h2>Настройки OBS для RuTube</h2>
        <ol>
            <li>Откройте OBS Studio и перейдите в <code>Настройки</code> > <code>Поток</code>.</li>
            <li>Выберите <code>RuTube</code> в качестве сервиса.</li>
            <li>Введите ключ потока (Stream Key), который можно получить в вашем аккаунте на RuTube.</li>
            <li>Рекомендуемые параметры:
                <ul>
                    <li><strong>1080p (1920x1080):</strong>
                        <ul>
                            <li>Битрейт: 4500-6000 кбит/с</li>
                            <li>FPS: 60</li>
                            <li>Кодировщик: NVENC (если доступен)</li>
                        </ul>
                    </li>
                    <li><strong>2K (2560x1440):</strong>
                        <ul>
                            <li>Битрейт: 8000-10000 кбит/с</li>
                            <li>FPS: 60</li>
                            <li>Кодировщик: NVENC</li>
                        </ul>
                    </li>
                    <li><strong>4K (3840x2160):</strong>
                        <ul>
                            <li>Битрейт: 15000-20000 кбит/с</li>
                            <li>FPS: 60</li>
                            <li>Кодировщик: NVENC</li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ol>
    </div>

    <!-- Настройки для Twitch -->
    <div id="twitch" class="settings">
        <h2>Настройки OBS для Twitch</h2>
        <ol>
            <li>Откройте OBS Studio и перейдите в <code>Настройки</code> > <code>Поток</code>.</li>
            <li>Выберите <code>Twitch</code> в качестве сервиса.</li>
            <li>Введите ключ потока (Stream Key), который можно получить в вашем аккаунте на Twitch.</li>
            <li>Рекомендуемые параметры:
                <ul>
                    <li><strong>1080p (1920x1080):</strong>
                        <ul>
                            <li>Битрейт: 4500-6000 кбит/с</li>
                            <li>FPS: 60</li>
                            <li>Кодировщик: NVENC (если доступен)</li>
                        </ul>
                    </li>
                    <li><strong>2K (2560x1440):</strong>
                        <ul>
                            <li>Битрейт: 8000-10000 кбит/с</li>
                            <li>FPS: 60</li>
                            <li>Кодировщик: NVENC</li>
                        </ul>
                    </li>
                    <li><strong>4K (3840x2160):</strong>
                        <ul>
                            <li>Битрейт: 15000-20000 кбит/с</li>
                            <li>FPS: 60</li>
                            <li>Кодировщик: NVENC</li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ol>
    </div>

    <!-- Настройки для YouTube -->
    <div id="youtube" class="settings">
        <h2>Настройки OBS для YouTube</h2>
        <ol>
            <li>Откройте OBS Studio и перейдите в <code>Настройки</code> > <code>Поток</code>.</li>
            <li>Выберите <code>YouTube</code> в качестве сервиса.</li>
            <li>Введите ключ потока (Stream Key), который можно получить в вашем аккаунте на YouTube.</li>
            <li>Рекомендуемые параметры:
                <ul>
                    <li><strong>1080p (1920x1080):</strong>
                        <ul>
                            <li>Битрейт: 4500-6000 кбит/с</li>
                            <li>FPS: 60</li>
                            <li>Кодировщик: NVENC (если доступен)</li>
                        </ul>
                    </li>
                    <li><strong>2K (2560x1440):</strong>
                        <ul>
                            <li>Битрейт: 8000-10000 кбит/с</li>
                            <li>FPS: 60</li>
                            <li>Кодировщик: NVENC</li>
                        </ul>
                    </li>
                    <li><strong>4K (3840x2160):</strong>
                        <ul>
                            <li>Битрейт: 15000-20000 кбит/с</li>
                            <li>FPS: 60</li>
                            <li>Кодировщик: NVENC</li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ol>
    </div>

    <!-- Настройки микрофона -->
    <div id="microphone" class="settings">
        <h2>Настройки микрофона в OBS Studio</h2>
        <ol>
            <li><strong>Встроенные фильтры OBS:</strong>
                <ul>
                    <li><strong>Шумоподавление:</strong>
                        <ul>
                            <li>Добавьте фильтр <code>Шумоподавление</code>.</li>
                            <li>Настройте уровень подавления фонового шума:
                                <ul>
                                    <li>Используйте значение <code>-30 дБ</code> для слабого фонового шума.</li>
                                    <li>Используйте значение <code>-50 дБ</code> для сильного фонового шума.</li>
                                    <li>Не переусердствуйте, чтобы не исказить голос.</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><strong>Компрессор:</strong>
                        <ul>
                            <li>Добавьте фильтр <code>Компрессор</code>.</li>
                            <li>Настройте параметры:
                                <ul>
                                    <li><strong>Порог (Threshold):</strong> Установите значение <code>-20 дБ</code> для начала. Это уровень, при котором компрессор начнет работать.</li>
                                    <li><strong>Соотношение (Ratio):</strong> Установите <code>4:1</code> для плавного сжатия. Для более агрессивного сжатия используйте <code>6:1</code>.</li>
                                    <li><strong>Атака (Attack):</strong> Установите <code>10 мс</code>, чтобы компрессор быстро реагировал на громкие звуки.</li>
                                    <li><strong>Спад (Release):</strong> Установите <code>100 мс</code>, чтобы компрессор плавно возвращался к нормальному уровню.</li>
                                    <li><strong>Усиление (Makeup Gain):</strong> Добавьте <code>2-4 дБ</code>, чтобы компенсировать снижение громкости после сжатия.</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><strong>Эквалайзер:</strong>
                        <ul>
                            <li>Добавьте фильтр <code>Эквалайзер</code>.</li>
                            <li>Настройте частоты:
                                <ul>
                                    <li><strong>Низкие частоты (80-150 Гц):</strong> Уменьшите на <code>-3 дБ</code>, чтобы убрать "бубнение".</li>
                                    <li><strong>Средние частоты (500-2000 Гц):</strong> Увеличьте на <code>2-3 дБ</code>, чтобы улучшить разборчивость голоса.</li>
                                    <li><strong>Высокие частоты (4000-8000 Гц):</strong> Увеличьте на <code>3-4 дБ</code>, чтобы добавить четкости и яркости.</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><strong>Гейт (Gate):</strong>
                        <ul>
                            <li>Добавьте фильтр <code>Гейт</code>.</li>
                            <li>Настройте параметры:
                                <ul>
                                    <li><strong>Порог закрытия (Close Threshold):</strong> Установите значение <code>-40 дБ</code>, чтобы гейт закрывался при тихих звуках.</li>
                                    <li><strong>Порог открытия (Open Threshold):</strong> Установите значение <code>-30 дБ</code>, чтобы гейт открывался при вашем голосе.</li>
                                    <li><strong>Атака (Attack):</strong> Установите <code>10 мс</code> для быстрого открытия.</li>
                                    <li><strong>Спад (Release):</strong> Установите <code>100 мс</code> для плавного закрытия.</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><strong>Использование VST2/VST3 плагинов:</strong>
                <ul>
                    <li><strong>Установка плагинов:</strong>
                        <ul>
                            <li>Скачайте и установите плагины (например, <a href="https://www.reaper.fm/reaplugs/" target="_blank">ReaPlugs от Cockos</a>).</li>
                            <li>Убедитесь, что плагины установлены в папку, которую OBS сможет обнаружить (например, <code>C:\Program Files\VSTPlugins</code>).</li>
                        </ul>
                    </li>
                    <li><strong>Добавление плагинов в OBS:</strong>
                        <ul>
                            <li>В OBS Studio добавьте фильтр <code>VST 2.x Plug-in</code> или <code>VST 3.x Plug-in</code>.</li>
                            <li>Укажите путь к установленному плагину.</li>
                        </ul>
                    </li>
                    <li><strong>Настройка плагинов:</strong>
                        <ul>
                            <li><strong>ReaFir (для шумоподавления):</strong>
                                <ul>
                                    <li>Включите режим <code>Subtract</code>.</li>
                                    <li>Нажмите <code>Build Noise Profile</code> и молчите несколько секунд, чтобы плагин записал фоновый шум.</li>
                                    <li>Настройте уровень подавления, чтобы убрать шум, но не исказить голос.</li>
                                </ul>
                            </li>
                            <li><strong>ReaComp (для компрессии):</strong>
                                <ul>
                                    <li>Установите <code>Threshold</code> на <code>-20 дБ</code>.</li>
                                    <li>Установите <code>Ratio</code> на <code>4:1</code>.</li>
                                    <li>Настройте <code>Attack</code> на <code>10 мс</code> и <code>Release</code> на <code>100 мс</code>.</li>
                                    <li>Добавьте <code>Makeup Gain</code>, чтобы компенсировать громкость.</li>
                                </ul>
                            </li>
                            <li><strong>ReaEQ (для эквализации):</strong>
                                <ul>
                                    <li>Уменьшите низкие частоты (<code>80-150 Гц</code>) на <code>-3 дБ</code>.</li>
                                    <li>Увеличьте средние частоты (<code>500-2000 Гц</code>) на <code>2-3 дБ</code>.</li>
                                    <li>Увеличьте высокие частоты (<code>4000-8000 Гц</code>) на <code>3-4 дБ</code>.</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ol>
    </div>

    <!-- Футер с копирайтом -->
    <footer>
        <p>Copyright © 2010-2025 <strong>CEPБEP_RU56</strong>. Все права защищены.</p>
    </footer>

    <script>
        function toggleSettings(platform) {
            const settings = document.getElementById(platform);
            if (settings.style.display === "none" || settings.style.display === "") {
                settings.style.display = "block";
            } else {
                settings.style.display = "none";
            }
        }
    </script>

</body>
</html>