Remotion 使用 React 讓程序員構(gòu)建視頻編輯器，用代碼創(chuàng)建視頻并批量制作視頻。

譯自Framework Lets React Developers Create Video With Code，作者 Loraine Lawson。

React 以其創(chuàng)建前端網(wǎng)頁動畫和特效的能力而聞名。程序員 Jonny Burger 覺得視頻編輯器使用起來很有挑戰(zhàn)性，因此他決定利用 React 的動畫功能，構(gòu)建一個使用React 代碼創(chuàng)建視頻的框架。它被稱為Remotion。

“對于那些想要構(gòu)建自己的視頻編輯器的人來說，視頻方面還有很多未解決的問題，”Burger 告訴 The New Stack?！拔覀兊氖姑亲屓藗儭寕€人能夠在一個周末構(gòu)建出自己真正優(yōu)秀的視頻編輯器?！?/p>

為什么有人想用代碼創(chuàng)建視頻？首先，Burger 說，使用現(xiàn)有工具以編程方式更改視頻很困難。

“視頻編輯器讓你點(diǎn)擊一個按鈕就可以導(dǎo)出視頻，并以編程方式與這些程序交互——這很難，因為這不是它們的設(shè)計初衷，”他說。

其次，使用 Remotion 不僅僅可以創(chuàng)建視頻。事實上，使用 Remotion 主要有三個用例：

1. 創(chuàng)建動態(tài)圖形，為視頻添加字幕等操作或縮放等特效；
2. 批量制作視頻；以及
3. 為多個用戶創(chuàng)建自己的視頻編輯器。

瑞士的一位馬拉松組織者使用 Remotion 為跑步者提供了個性化視頻，展示他們沖過終點(diǎn)線的情景。組織者使用 Remotion 批量渲染視頻，其中融入了他們時間的動畫和一位著名馬拉松運(yùn)動員的剪輯問候。

他表示，一些用戶甚至在其中加入了人工智能，從而能夠使用 Remotion 將人工智能頭像與特效動畫和字幕結(jié)合起來。他補(bǔ)充說，這種方法已經(jīng)被用于為 YouTube 和 TikTok 創(chuàng)建視頻。

Submagic就是一家以這種方式使用 Remotion 的公司，允許用戶上傳長視頻，并使用人工智能提取簡短片段，這些片段都添加了字幕，并添加了特效，使其更能吸引社交媒體網(wǎng)站的用戶。Burger 表示，他們每個月都在使用這種技術(shù)創(chuàng)作超過 100,000 個視頻。

他補(bǔ)充說，軟件開發(fā)人員還可以使用 Remotion 創(chuàng)建自己的視頻編輯器。

圖片

Remotion 網(wǎng)站的屏幕截圖。

“市面上有太多不同的視頻、音頻格式和編解碼器，要處理用戶拋出的任何東西實際上非常困難，”他說。“我們的計劃是解決很多無聊的問題，這樣你就可以創(chuàng)建像你習(xí)慣的那樣的視頻編輯器，但你不需要花費(fèi)數(shù)十年的時間來構(gòu)建它。”

Remotion 獨(dú)特的許可證

Remotion 是開源的，因此代碼是可用的，并且有 200 多名開發(fā)人員為其做出了貢獻(xiàn)。也就是說，Remotion 確實有一種不尋常的許可方式。個人、非營利組織、評估目的和只有三人的企業(yè)可以使用免費(fèi)許可證，而希望將該框架用于商業(yè)用途的大型公司則可以使用單獨(dú)的商業(yè)許可證。

Burger 說，這種許可證源于一種擔(dān)心，即該項目會很受歡迎，但他卻沒有足夠的資源來妥善管理它。

“我通常會將我所有的項目都發(fā)布為開源項目，我擔(dān)心這會像滾雪球一樣越滾越大，但開源實際上是免費(fèi)贈送，”他說?！拔疫€主張其他維護(hù)者在開源項目之前，應(yīng)該考慮一下可持續(xù)性方面的情況，從資金和時間上來說，他們必須投入才能使項目做大。我希望人們在總體上更多地思考這個問題，并采用類似的許可證。”

他說，由于采用了分層許可證，Remotion 處于收支平衡狀態(tài)，他可以給自己和 Remotion 的業(yè)務(wù)經(jīng)理 Mehmet Ademi 發(fā)工資。

競爭對手

還有其他用于創(chuàng)建視頻的開源選項，例如FFmpeg Hi，但它們并不是“真正可編程的”，沒有 if 語句和引入數(shù)據(jù)的能力，Burger 說。他還補(bǔ)充說，它們也沒有顯示實時預(yù)覽。

“我們的視頻完全可以通過代碼編程，因此您實際上是在編寫網(wǎng)站代碼。我們使用瀏覽器作為畫布，因為瀏覽器非常擅長顯示各種圖形。然后，我們提供了一種將其轉(zhuǎn)換為視頻的方法?！?/p>

—— Jonny Burger，Remotion 的創(chuàng)建者

Burger 認(rèn)為，Remotion 是使用代碼創(chuàng)建視頻的先驅(qū)，并補(bǔ)充說，有兩個類似但并不完全相同的項目：Framer Revolution（一個 React 動畫庫）和Motion Canvas。

“我們的視頻完全可以通過代碼編程，因此您實際上是在編寫網(wǎng)站代碼。我們使用瀏覽器作為畫布，因為瀏覽器非常擅長顯示各種圖形。然后，我們提供了一種將其轉(zhuǎn)換為視頻的方法，”他說。

Ademi 補(bǔ)充說，如果計劃只制作一個視頻，那么傳統(tǒng)的視頻編輯器可能會滿足您的需求。

“如果您具備使用傳統(tǒng)視頻編輯器的技能，并且只想創(chuàng)建一個視頻，那么您寧愿使用那些，”Ademi 說?！拔覀兲峁┑幕旧鲜且粋€可擴(kuò)展視頻制作解決方案。因此，充分利用 Remotion 的方式是創(chuàng)建您自己的網(wǎng)絡(luò)視頻編輯器，以便人們可以使用它來創(chuàng)建他們的視頻，例如 Adobe After Effects 視頻編輯器的簡化版本?！?/p>

視頻樂高積木

他表示，展望未來，Remotion 計劃添加一些小軟件包，以便開發(fā)人員只需安裝一個軟件包即可解決特定的視頻問題——就像視頻的樂高積木。例如，已經(jīng)有一個軟件包可以自動轉(zhuǎn)錄，Burger 計劃添加一個軟件包，用于在視頻中包含 GIF。

“隨著時間的推移，我們計劃讓它越來越像樂高積木，您只需將合適的軟件包組合在一起，”他說。