百度智能小程序 AFX透明視頻

AFX 透明視頻

AFX 透明視頻是一種可支持透明背景的動(dòng)畫(huà)播放能力，幫助開(kāi)發(fā)者實(shí)現(xiàn)更為沉浸、豐富的動(dòng)畫(huà)效果。

開(kāi)發(fā)文檔說(shuō)明詳見(jiàn) animation-video 透明視頻動(dòng)畫(huà) 。

透明視頻 AFX 優(yōu)質(zhì)特性

1. 可支持透明背景動(dòng)畫(huà)，實(shí)現(xiàn)沉浸式的動(dòng)畫(huà)效果展現(xiàn)。
2. 視頻文件體積較小，有利于提升小程序性能。
3. 動(dòng)畫(huà)播放流暢，實(shí)現(xiàn)還原度高。

透明視頻設(shè)計(jì)資源示例

如下所示，透明視頻組件的視頻源是一個(gè)格式為 mp4 的視頻，它的左側(cè)為動(dòng)畫(huà)的 alpha 通道信息，右側(cè)為動(dòng)畫(huà) rgb 通道信息，左右兩側(cè)動(dòng)畫(huà)同步播放。

制作透明視頻 AFX 的步驟

步驟一：在 After Effects 里完成動(dòng)畫(huà)設(shè)計(jì)

在 After Effects 里進(jìn)行動(dòng)畫(huà)設(shè)計(jì)，請(qǐng)注意圖層中盡量不要出現(xiàn)“混合模式”。

步驟二：導(dǎo)入合成

在 AE 里新建一個(gè)合成，將設(shè)計(jì)完成的動(dòng)畫(huà)導(dǎo)入到此合成中，注意：合成幀速率建議設(shè)置為 25FPS，分辨率不可大于 800x800px，如需較大尺寸，后續(xù)可由開(kāi)發(fā)人員根據(jù)場(chǎng)景進(jìn)行等比擴(kuò)大適配。

1. 創(chuàng)建合成文件； 2. 合成動(dòng)畫(huà)效果示意。

步驟三：將合成輸出為序列幀

將合成輸出為 PNG 序列幀，通道為 RGB+Alpha，命名方式需為純數(shù)字，第一幀為 0，例：0、1、2……

步驟四：使用“AFX Creator”軟件轉(zhuǎn)化為 MP4 視頻

下載“AFX Creator”軟件并進(jìn)行安裝。（點(diǎn)擊下載）將導(dǎo)出的序列幀文件夾拖拽到此軟件中，并將序列幀轉(zhuǎn)化為 MP4 視頻。注意：幀速率設(shè)置需與AE中的合成幀速率 25FPS一致，視頻質(zhì)量為“高”。

步驟五：將生成的 MP4 視頻提供給開(kāi)發(fā)人員

最后將生成的 MP4 視頻提供給開(kāi)發(fā)人員，由開(kāi)發(fā)人員使用透明視頻 AFX 組件能力進(jìn)行下一步開(kāi)發(fā)。開(kāi)發(fā)文檔說(shuō)明詳見(jiàn) animation-video 透明視頻動(dòng)畫(huà)