Спасибо! Записал) Ещё интересно было бы посмотреть про видео обои. Твои идеи реализации и с помощью чего. Не так давно сам решал задачу подключения видяхи как фона с автопроигрыванием. Очень прикольная задачка. И особенно прикольно из-за сафари, который какой-то своей жизнью и логикой живёт)) Кстати тема кроссбраузерности вообще интересна) Можно много видео снять)
Должен сказать, что пару недель назад пробовал HLS видео вместе с react-player. Библиотека серьезно глючит при работе с HLS. А именно, я не могу включить субтитрьі в связке с HLS и падают ошибки когда я меняю время кастомньім контрол баром (сам плеер не падает, но в консоль срет). Поєтому я перешел на просто HTML5 видео плеер. Для HLS єто наиболее безболезненное решение. Но в остальном (не hls видео) я бьі использовал react-player.
Михаил скажите пожалуйста, а будет ли видео, когда надо вставить видео с сервера backend, а не из других источников, какие там есть нюансы и особенности оптимизации?? Чтобы видео включалось частично загружаясь , до полной загрузки, думаю это было бы очень интересно!)
Делал когда-то. Здесь множество нюансов, начиная с правовой базы, в рамках которой существует приложение. Я делал интеграцию с Робокассой по их документации. PayPal отдельно подключал. Со Stripe немного работал в рамках европейского проекта.
Спасибо Михаил) Есть вопрос. Когда будет целесообразно тянуть в проект эту либку тем самым увеличивать bundle size почти на 30 кб ( смотрел через bundlephobia ) ?
Тогда как рассмотренный на видео кейс будет иметь место. В принципе у того же ютуба есть доступный api и можно самостоятельно описать похожий функциоанал. Ключевая идея - отложенная загрузка видео. Ведь несколько мегабайтов видео, которое грузится сразу, куда как чувствительнее 30-ти килобайтов зависимости.
Когда собственная разработка, там и управления больше. Фронт и бэк могут по-разному между собой договориться как оно будет выглядеть. Где-то может и подобная библиотека пригодиться, а где-то и штатными средствами html обойтись.
Я использовал компонент Aspectratio из chakra ui. Там пропсом задаётся соотношение сторон. Но можно самому подобный компонент реализовать. В современном css есть свойство aspect-ratio.
Не по колокольчику, а по зову сердца
Спасибо, Михаил! Как всегда подробно и без воды. Все, что нужно для собственного применения !
Очень интересно еще посмотреть как делать проигрывание видео при наведении, как это есть на TH-cam
Спасибо! Записал)
Ещё интересно было бы посмотреть про видео обои. Твои идеи реализации и с помощью чего. Не так давно сам решал задачу подключения видяхи как фона с автопроигрыванием. Очень прикольная задачка. И особенно прикольно из-за сафари, который какой-то своей жизнью и логикой живёт))
Кстати тема кроссбраузерности вообще интересна) Можно много видео снять)
Круто!!! Спасибо! Я прямо как знал использовать на работе эту библиотеку. Теперь еще эти опции добавлю, и будет просто бомбезно)))
Вот это я флешбэки словил про компонент video для автобренда на букву Х)) Отличный видос!
Познавательно, никогда не приходилось с этим работать, но теперь есть понимание!
О, Михаил, большущий респект за видео 🙏🏻 Как раз то, что нужно было.
Спасибо что показал, еще раз пересмотрю ролик
Как всегда очень интересно. Большое спасибо! 😊
Спасибо, Михаил! Как раз на работе понадобилось)
Вот это круто))) спасибо Михаил!!!
Спасибо за видео! А кастомную кнопку "пауза" как можно реализовать? Мне пока идея пришла через событие onPause, но может есть что-то проще)
Спасибо Михаил!
Спасибо! В яблочко как рза!
Да, крутая штука, я тоже юзал
Должен сказать, что пару недель назад пробовал HLS видео вместе с react-player. Библиотека серьезно глючит при работе с HLS. А именно, я не могу включить субтитрьі в связке с HLS и падают ошибки когда я меняю время кастомньім контрол баром (сам плеер не падает, но в консоль срет). Поєтому я перешел на просто HTML5 видео плеер. Для HLS єто наиболее безболезненное решение. Но в остальном (не hls видео) я бьі использовал react-player.
Михаил скажите пожалуйста, а будет ли видео, когда надо вставить видео с сервера backend, а не из других источников, какие там есть нюансы и особенности оптимизации?? Чтобы видео включалось частично загружаясь , до полной загрузки, думаю это было бы очень интересно!)
Если буду что-то такое реализовывать, то поделюсь. Пока прецедента не было.
Спасибо. за лайфхак
Спасибо огромное 😊
Удобная либа) с видео из вк и рутуба не работает?
прикольная тема! спасибо!
Круто, как всегда информативно
Михаил, а вам приходилось реализовывать оплату на сайте? Как это вообще делается? Может расскажите? 😊
Делал когда-то. Здесь множество нюансов, начиная с правовой базы, в рамках которой существует приложение. Я делал интеграцию с Робокассой по их документации. PayPal отдельно подключал. Со Stripe немного работал в рамках европейского проекта.
просто тестирую комменты
1:123
1:12
03:12
3:64
11:00
Можно ли сжать размер видео (МБ) в React с помощью ffmpeg?
Реакт этим не занимается. Это задача для сервера.
Спасибо Михаил) Есть вопрос. Когда будет целесообразно тянуть в проект эту либку тем самым увеличивать bundle size почти на 30 кб ( смотрел через bundlephobia ) ?
Тогда как рассмотренный на видео кейс будет иметь место. В принципе у того же ютуба есть доступный api и можно самостоятельно описать похожий функциоанал. Ключевая идея - отложенная загрузка видео. Ведь несколько мегабайтов видео, которое грузится сразу, куда как чувствительнее 30-ти килобайтов зависимости.
А если нужно проиграть видео по ховеру? Типа shorts на youtube
Так а в чем сложность? Есть булевое поле для проигрывания видео, переключать его можно по-разному. onMouseOver и вперед.
лайк поставил, посмотрю позже ))
Круто🎉
топ как всегда
А есть либа для анализа громкости звука?
Не интересовался этим вопросом.
А что если собственный файл-сервер и там видео?
Когда собственная разработка, там и управления больше. Фронт и бэк могут по-разному между собой договориться как оно будет выглядеть. Где-то может и подобная библиотека пригодиться, а где-то и штатными средствами html обойтись.
единственный вопрос, как это все потом адаптировать
Aspect ratio решает этот вопрос
Как сделать видео в разрешение в 9:16?
Я использовал компонент Aspectratio из chakra ui. Там пропсом задаётся соотношение сторон. Но можно самому подобный компонент реализовать. В современном css есть свойство aspect-ratio.