This video was made with code. But how?

  • Видео
  • О видео
  • Скачать
  • Поделиться

This video was made with code. But how?

Learn how to produce video content programmatically with HTML, CSS, and JavaScript thanks to Remotion - a React library that can create real MP4 videos https://github.com/remotion-dev/remotion #javascript #tech #tutorial 🔗 Resources Subscribe to @wcandillon and @JonnyBurger for more awesome content. Source Code https://github.com/wcandillon/remotion-fireship Remotion Docs https://www.remotion.dev/ SVG in 100 Seconds https://youtu.be/emFMHH2Bfvo 📚 Chapters 00:00 This Intro is 100% Code 00:58 Introducing Remotion 01:49 Code your First Video 04:06 Make it Rain with Animated SVGs 07:50 Render as MP4 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - How to make MP4 videos with code - Remotion basics tutorial - Video animation basic concepts - Make videos with React.js - Ways to create video programmatically
808, 017   |   3 год. назад  |   29, 237 - 0
 

This video was made with code. But how?

Скачайте изображение (превью) выбрав качество


320x180 480x360 640x480 1280x720

Learn how to produce video content programmatically with HTML, CSS, and JavaScript thanks to Remotion - a React library that can create real MP4 videos

#javascript #tech #tutorial

🔗 Resources

Subscribe to @wcandillon and @JonnyBurger for more awesome content.

Source Code
Remotion Docs
SVG in 100 Seconds

📚 Chapters

00:00 This Intro is 100% Code
00:58 Introducing Remotion
01:49 Code your First Video
04:06 Make it Rain with Animated SVGs
07:50 Render as MP4

🔥 Get More Content - Upgrade to PRO

Upgrade to Fireship PRO at
Use code lORhwXd2 for 25% off your first payment.

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- How to make MP4 videos with code
- Remotion basics tutorial
- Video animation basic concepts
- Make videos with React.js
- Ways to create video programmatically


This video was made with code. But how?

Чтобы скачать видео "This video was made with code. But how?" передвинте ползунок вправо



Покажите вашим друзьям, добавьте в соцсети

Ссылка на страницу с видео:

 

Ссылка HTML на страницу с видео:

 

Код для вставки плеера:


  • Комментарии

Комментарии ФБ


Уважаемые друзья!

Источником всего видеоконтента, в том числе проигрывающегося на страницах ресурса ruslar.me, является сторонний видео ресурс, а именно общедоступный видеохостинг YouTube.com, предоставляющий открытый доступ к своему видеоконтенту (используя открытую и общедоступную технологию video API3 youtube.com)!

Проблемы с авторскими правами

Если вам принадлежат авторские права на данное видео, которое было загружено без вашего согласия на YouTube.com, перейдите на страницу этого видео сайта YouTube.com , нажмите на ссылку под проигрывателем Ещё -> "Пожаловаться" -> "Нарушение моих прав" и в выпадающем меню, выбирите, что именно нарушается и нажмите кнопку "Отправить".



Неприемлемый контент

Чтобы сообщить о неприемлемом видео, перейдите на YouTube, нажмите на ссылку под проигрывателем Ещё -> "Пожаловаться" и выберите в "Сообщить о нарушении" что именно вас не устраивает в этом видео. Подробнее о наших правилах читайте в Условиях использования.