[svg2png] + [ffmpeg-concat] + [ffmpeg]開發項目子產品
項目功能描述
多張svg圖檔生成MP4視訊，并添加轉場動畫，添加背景音樂
實作思路：
1、将svg生成 jpg/png
2、将jpg/png生成固定時間的視訊
3、将多個視訊進行拼接
4、為視訊添加音頻
svg2png(svg轉成png)
svg2png可以使用npm進行下載下傳安裝
并可參考連結如下：
https://www.npmjs.com/package/svg2png.
使用svg2png可以完全按照官方示例，SoEasy。
jpg/png生成固定時間的視訊
ffmpeg -r 25 -loop 1 -i xx.png -pix_fmt yuv420p -vcodec libx264 -b:v 600k -preset medium -crf 30 -s 720x576 -vframes 250 -r:v 25 -t 10 xx.mp4
-r：設定幀率
-loop：循環讀取輸入檔案
-pix_fmt：顯示可用的的像素格式
yuv420p：幀資料存儲格式為YUV（還有一種是RGB）
-vcodec：視訊編解碼器（libx264）
-b:v：設定輸出檔案的比特率
-preset medium：預設值，與編碼速度和品質有關（medium中間預設值，還有其他的，感興趣可以搜一下）
-crf：控制轉碼後保證畫面品質，取值範圍是0-51（數值越大，畫質越差，檔案大小越小）
-s：設定寬x高
-vframes：設定要輸出的視訊的幀數
-t：設定輸出的視訊時長
ffmpeg-concat(完成視訊拼接+轉場動畫)
ffmpeg-concat同樣可以通過npm下載下傳安裝
npm install ffmpeg-concat
執行後在目前檔案夾下生成兩個檔案node_modules和package_lock.json
（注意：安裝ffmpeg-concat需要首先安裝Visual Studio Installer，安裝時要勾選使用c++的桌面開發，否則會報如下錯誤：）
ffmpeg-concat使用：ffmpeg-concat.js
const concat = require('ffmpeg-concat')
console.log("--------------------------------------------")
console.log( process.env.PATH);
console.log("--------------------------------------------")
concat({
output: 'D:/測試用檔案/concat/ffmpeg-concat-test-tmp.mp4',
videos: [
'D:/測試用檔案/video/tmp1.mp4',
'D:/測試用檔案/video/tmp2.mp4',
'D:/測試用檔案/video/tmp3.mp4',
'D:/測試用檔案/video/tmp4.mp4'
],
transitions: [
{
name: 'circleOpen',
duration: 1000
},
{
name: 'crossWarp',
duration: 500
},
{
name: 'squaresWire',
duration: 1000
}
]
})
node ffmpeg-concat.js 指令執行js檔案
（json格式及參數可參考ffmpeg-concat的官方描述）
https://www.npmjs.com/package/ffmpeg-concat
ffmpeg(完成音視訊合成，音頻可以循環)
這一塊踩的坑很多，因為ffmpeg的指令太雜亂，不過也正好看出ffmpeg的強大之處，在這除了給出我使用的音視訊合成指令之外，額外多總結幾個常用到的指令
在CSDN搜尋音視訊合成會出現很多道友的部落格，我也找了好久都沒找到适合自己項目的指令，隻能自己以他們的指令做個參考去拼适合自己業務的指令。
方案1（不推薦）（混聲）
ffmpeg -i E:\1\subtitle\out3.mp4 -i E:\1\subtitle\music3D.wav -filter_complex [1:a]aloop=loop=-1:size=2e+09[out];[out][0:a]amix -ss 0 -t 60 -y out.mp4
//輸入視訊，最好選一個大于一分鐘的嘗試
-i E:\1\subtitle\out3.mp4
//輸入背景音，最好短一點，友善測試是否循環
-i E:\1\subtitle\music3D.wav
//濾鏡圖
-filter_complex
//将背景音無限循環
[1:a]aloop=loop=-1:size=2e+09[out];
//将背景音和視訊中的音頻混合
[out][0:a]amix
//裁剪總時長，裁剪到60秒
-ss 0 -t 60
//輸出
-y out.mp4
方案2（推薦）（混聲）
ffmpeg -i video.mp4 -stream_loop -1 -i audio.wav -filter_complex [0:a][1:a]amix -t 60 -y out.mp4
其中
-stream_loop -1 -i audio.wav
-stream_loop -1 參數-1代表循環輸入源
[0:a][1:a]amix 将0和1号的音頻流進行混合
-t 60 裁剪60秒
方案3（推薦）（音頻替換）
ffmpeg -an -i video.mp4 -stream_loop -1 -i audio.wav -t 60 -y out2.mp4
其中
-an -i video.mp4 代表消除視訊中的音頻
方案4（推薦）（音頻替換，優化加快合成速度）
ffmpeg -an -i video.mp4 -stream_loop -1 -i audio.wav -c:v copy -t 60 -y out.mp4
-c:v copy 對視訊流進行複制，不需要重新編解碼（前提是輸入流和輸出流一緻），速度極快
這裡音頻必須編碼的原因在于，輸入源是一個wav的音頻，而最後輸出MP4檔案中需要一個aac的音頻，是以必須重新編碼，否則會報錯。
方案5（添加音頻并循環）
ffmpeg -i ffmpeg-concat-test.mp4 -i audio.mp3 -filter_complex [1:a]aloop=loop=-1:size=2e+09[out] -map [out] -map 0:v:0 -t 30 -y mix_test.mp4
這是适合我自己的指令（由于我原來的視訊是沒有音頻流的，是以沒辦法使用混音，隻能是手動将視訊和循環的音頻添加到輸出），抛個單個指令的解釋如下：
-i：輸入檔案
-filter_complex：添加複雜濾鏡
[1:a]aloop=loop=-1:size=2e+09[out]：音頻循環播放，得到一個輸出
-map：用于手動控制每個輸出檔案中的流選擇的選項(說白了就是你想輸出什麼東西)
0:✌️:0：第一個輸入的視訊流
-t：設定最終輸出結果的時間（機關s）
-y：如果輸出時有同名的檔案，不再手動确認，直接覆寫
參考連結：
https://blog.csdn.net/yu540135101/article/details/85936923
如果對複雜濾鏡感興趣，可以看這：
https://ffmpeg.org/ffmpeg-filters.html#aloop