Настоящее кодирование/декодирование WebCodecs
Симулятор пропускной способности и разрешения
Ваша веб-камера может отлично выглядеть в локальном превью и всё равно разваливаться на перегруженном звонке. Этот инструмент пропускает ваш живой поток через настоящий видеокодер и декодер браузера на выбранном битрейте — реальные артефакты кодека, а не фальшивый фильтр размытия — чтобы вы увидели, как будете выглядеть на самом деле, прежде чем выбрать разрешение.
Пресеты
Симулируемое соединение
Предпросмотр
Исходник против закодированного
Показания
Статистика кодека
Нажмите «Запустить симулятор» и выберите пресет соединения выше.
- Используемый кодек:—
- Целевой битрейт:—
- Достигнутый битрейт:—
- Кодированное разрешение:—
- Полная задержка (кодирование+декодирование):—
- Кадров закодировано / отброшено:—
Примечания
Почему это настоящее кодирование, а не фильтр размытия
Очевидный способ подделать это — применить размытие и назвать это «низкой пропускной способностью». Это было бы вводящим в заблуждение, потому что нехватка пропускной способности выглядит не как размытие. Она выглядит как блочность, бэндинг, смазанное движение и цветовые протечки — артефакты, специфичные для того, как видеокодеки отбрасывают информацию, когда у них заканчиваются биты.
Поэтому этот инструмент пропускает ваш живой поток через настоящий видеокодер и декодер браузера через API WebCodecs на выбранном вами битрейте, а затем показывает декодированный результат. Артефакты, которые вы видите, создаются тем же классом кодека, что используется в видеозвонках. Если пресет также снижает разрешение, кадр действительно масштабируется перед кодированием, а не просто отображается меньшим.
Как читать результат
Что это может и чего не может вам сказать
Это показывает, как ваше изображение выдерживает заданный битрейт. Это не тест скорости и не измеряет ваше соединение — это отдельный вопрос, на который лучше ответит ваш провайдер или специальный тест скорости. Также это не воспроизводит настройки кодера какой-либо конкретной платформы, которые являются проприетарными и меняются без предупреждения.
Что действительно полезно, так это решение, которое вы реально контролируете: упростить загруженный фон, сесть ближе или принять более низкое разрешение в обмен на более стабильную картинку. Если ваше изображение держится при 800 kbps, соединение в отеле вас не подведёт. Если оно разваливается ниже 4 Mbps, об этом стоит знать до важного звонка, а не во время него.
Справочник для сравнения
Шесть уровней пресетов
| Битрейт | Разрешение | Частота кадров | Примерно соответствует |
|---|---|---|---|
| 10 Mbps | 1080p | 30 fps | Мощный домашний широкополосный интернет. |
| 4 Mbps | 720p | 30 fps | Комфортный обычный широкополосный интернет. |
| 1.5 Mbps | 720p | 24 fps | Приемлемая мобильная точка доступа / слабый Wi-Fi. |
| 800 kbps | 480p | 20 fps | Отельный или перегруженный общественный Wi-Fi. |
| 300 kbps | 360p | 15 fps | Слабое мобильное соединение. |
| 120 kbps | 240p | 12 fps | Очень ограниченный, худший реалистичный случай. |
Это собственные реальные пресеты кодирования этого инструмента — нажмите на любой, чтобы увидеть своё изображение именно на этом битрейте.
Пошагово
Как провести тест
- Нажмите «Старт» и разрешите доступ к камере, когда появится запрос.
- Выберите пресет или перетащите ползунок битрейта на любое произвольное значение.
- Посмотрите на декодированный результат — это настоящий цикл кодирования/декодирования, а не фильтр размытия.
- Двигайтесь и жестикулируйте как обычно, чтобы увидеть, как движение влияет на каждый уровень битрейта.
Частые Вопросы