What's New in Gradio 4.0?

Join us as we launch Gradio 4.0, discuss new features (such as building custom components in your Gradio apps), as well as answer questions

[pegaspegasov]

🎯 Key Takeaways for quick navigation:

00:06 🚀 *Запуск Gradio 4.0*
- Приветственное слово и благодарность за участие в запуске Gradio 4.0.
- Команда Gradio расскажет о том, как они улучшили платформу, основываясь на опыте использования сообществом.
02:11 🌐 *Исторический момент в машинном обучении*
- Важность демонстраций машинного обучения для повседневного использования.
- Демонстрации делают машинное обучение доступным, выявляют скрытые предвзятости и направляют исследователей на полезные для пользователей разработки.
04:04 🖥️ *Значение демонстраций машинного обучения*
- Демонстрации увеличивают доступность машинного обучения.
- Выявление скрытых предвзятостей в моделях машинного обучения.
- Демонстрации направляют исследователей на то, что действительно полезно пользователям, не ограничиваясь бенчмарками.
06:39 🚀 *Зачем использовать Gradio*
- Простота создания веб-приложений для машинного обучения с использованием Gradio.
- Пример использования основного класса в Gradio для создания интерфейса.
- Возможность публикации модели для доступа через общедоступную ссылку.
09:38 📈 *Популярность Gradio*
- Распространенность и успешность Gradio среди разработчиков.
- Примеры сложных приложений, созданных с использованием Gradio.
- Упоминание о Hugging Face Spaces для развертывания Gradio-приложений.
11:27 🚀 *Запуск Gradio 4.0 и новые принципы*
- Введение в принципы, лежащие в основе запуска Gradio 4.0.
- Увеличение контроля и настраиваемости для пользователей Gradio.
- Улучшения в области доступности и внедрение лучших практик.
13:04 🧩 *Пользовательские компоненты в Gradio 4.0*
- Введение в пользовательские компоненты и их цель.
- Примеры стандартных и интерактивных компонентов в Gradio.
- Возможность создания, разработки и обмена пользовательскими компонентами.
17:03 🛠️ *Основы пользовательских компонентов в Gradio*
- Различия между статическими и интерактивными компонентами в Gradio.
- Работа с процессами предварительной и последующей обработки данных в компонентах.
- Простой способ начать создавать и использовать пользовательские компоненты.
21:37 🖼️ *Компонент изображения и его пре- и постобработка*
- Компонент изображения позволяет пользователю выбрать тип данных (путь к файлу, массив NumPy, изображение Pillow).
- Пре- и постобработка предоставляют возможность преобразовать данные в нужную структуру для передачи в пользовательскую функцию и обратно.
- Примеры помогают настроить отображение компонента и могут быть настроены для каждого пользовательского компонента.
24:09 🛠️ *Создание пользовательского компонента*
- Создание пользовательского компонента начинается с использования команды `gradio component`.
- Серафим демонстрирует создание пользовательского компонента для отображения геопространственных данных с использованием библиотеки Folium.
- После создания компонента его можно локально тестировать с помощью команды `gradio CC Dev`.
33:09 🚀 *Сборка и публикация пользовательского компонента*
- Сборка пользовательского компонента осуществляется с помощью команды `gradio CC build`.
- Публикация компонента на PyPI и Hugging Face Spaces делается командой `gradio CC publish`.
- После публикации пользователи могут легко устанавливать и использовать созданный компонент.
38:38 🎨 *Обновления медиа-компонентов (видео, изображения, аудио)*
- Обновлены компоненты для работы с видео, изображениями и аудио.
- Добавлены новые функциональности, такие как обрезка видео, выбор источника для изображений и аудио, отображение волнового графика для аудио.
- Улучшена доступность и пользовательский опыт, включая поддержку клавиатурной навигации и аудит доступности.
43:31 🔄 *Большие изменения в gradio 4.0*
- Обсуждение значительных изменений в Gradio 4.0.
- Ali обещает дополнительные обновления и улучшения в будущем, акцентируя внимание на работе над улучшением доступности.
43:46 🔄 *Изменения в протоколах общения*
- Градио перешло от использования HTTP post requests и websockets к серверным событиям (server-sent events, SSE).
- SSE обеспечивают лучшую поддержку, легкость интеграции с другими технологиями и улучшенное масштабирование.
46:40 🛠️ *Унификация обработки запросов и очередей*
- Переход к использованию серверных событий привел к унификации протоколов и улучшенной поддержке.
- Единая очередь запросов с более тонким управлением, позволяющим задавать количество воркеров для каждого типа события.
51:22 🌐 *Пользовательские серверы обмена*
- Добавлена поддержка создания собственных серверов обмена, открывая возможность установки собственного домена для обмена.
- Возможность использовать свой сервер обмена, открыв новые горизонты для управления и настройки.
54:05 🚀 *Новые возможности в Gradio 4.0*
- Представлена поддержка JavaScript функций и улучшенная безопасность файлов.
- Добавлена возможность встраивания метатегов и JavaScript кода, а также управление режимом триггера для более точного управления событиями.
56:07 ❓ *Вопросы и завершение*
- Обсуждение обратной совместимости и изменений в Gradio 4.0.
- Представление пользователей к новым функциям и возможность задавать вопросы.

Made with HARPA AI

[xichen]

Really loves the custom share server features and custom components co-system in 4.0! Thanks for the great efforts💌.

[SejalDatta-lu]

Are there any code snippets that ahow me how to select a chat bubble that i can copy, delete or edit?

I reached out on discord and github with no answers, yet
Thnk you

[白与]

Can anyone tell me where to get the component that appears at 14:56? I really need this :>

[ifeanyiidiaye]

Will there be a doc for building a custom component?

[kvikontent]

I am middle in gradio, like I can do a huggingface space, but without any super duper fuctions😊

[omkar.kadam]

1 image = gr.inputs.Image(shape=(321, 321))
2 label =
3
4 gr.Interface(
5 classify_image,

AttributeError: module 'gradio' has no attribute 'inputs'

Please give me solution

[googleyoutubechannel]

Someday Gradio will not just be a frustrating pile that ends up taking more time to do any real-time UI updating than just writing custom JS code in the first place... but that day has not yet arrived