如果你還" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁(yè) > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > 像寫(xiě)HTML一樣編寫(xiě)視頻:FFCreator網(wǎng)頁(yè)端預(yù)覽的改造

像寫(xiě)HTML一樣編寫(xiě)視頻:FFCreator網(wǎng)頁(yè)端預(yù)覽的改造

時(shí)間:2023-07-03 04:30:02 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)

時(shí)間:2023-07-03 04:30:02 來(lái)源:網(wǎng)站運(yùn)營(yíng)

像寫(xiě)HTML一樣編寫(xiě)視頻:FFCreator網(wǎng)頁(yè)端預(yù)覽的改造:FFCreator是騰訊新聞前端團(tuán)隊(duì)開(kāi)源的一個(gè)視頻生成庫(kù)?;贜ode.js,利用WebGL來(lái)渲染圖像,ffmpeg燒制,有簡(jiǎn)單的JavaScript的API可以幫助程序員快速的生成視頻。



如果你還不知道FFCreator,可以先移步這里了解: github.com/tnfe/FFCreator

本站上也能找到不少介紹:
自動(dòng)化批量合成視頻,F(xiàn)FCreator。基于node.js的輕量視頻制作庫(kù)。


FFCreator目前還有些局限,比如:

所以我們fork了FFCreator,并在基礎(chǔ)上進(jìn)行了非常大的改動(dòng)(這也是不能再提PR合并到源倉(cāng)庫(kù)的原因),在新的前端FFCreator的基礎(chǔ)上,可以直接用XML和JSON的格式來(lái)書(shū)寫(xiě)【視頻描述】,并直接可在網(wǎng)頁(yè)端預(yù)覽播放。
感興趣的小伙伴可以訪問(wèn)這個(gè)DEMO玩玩: MiraPlayer



采用JSON格式,樹(shù)形結(jié)構(gòu)描述的視頻如下:

const video_data = { "type": "canvas", "width": 1280, "height": 720, "children": [ { "type": "video", "src": "/src/video1.mp4", "width": "100vw", "ss": 10, "to": 20, }, { "type": "video", "src": "/src/video2.mp4", "height": "100vh", }, ],};我們可以簡(jiǎn)單的把樹(shù)形結(jié)構(gòu)的節(jié)點(diǎn)想象為HTML里的DOM節(jié)點(diǎn)。 每個(gè)節(jié)點(diǎn)都有type和children屬性,以及節(jié)點(diǎn)類型所對(duì)應(yīng)的屬性。 為了便于理解和編寫(xiě)測(cè)試,我們也引入了MiraML(XML格式)作為補(bǔ)充,上面的JSON等同于以下:

<miraml> <canvas width="1280" height="720"> <video src="/src/video1.mp4" width="100vw" ss="10" to="20"></video> <video src="/src/video2.mp4" height="100vh"></video> </canvas></miraml>引入樹(shù)形結(jié)構(gòu)的目的是:

  1. 父子節(jié)點(diǎn)關(guān)系,可用于處理時(shí)間依賴
  2. 與DOM節(jié)點(diǎn)邏輯類似,便于理解
開(kāi)源地址: FFCreator
如果遇到問(wèn)題也可以掃碼入群:



關(guān)鍵詞:改造,視頻,編寫(xiě)

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉