使用Timeline配置轉場、特效、濾鏡 - Intelligent Media Services

本文為您介紹如何修改SubmitMediaProducingJob的Timeline參數完成轉場（Transition）、特效（VFX）與濾鏡（Filter）處理。

使用說明

智能生產製作支援直播流、點播和OSS素材檔案的剪輯合成、特效渲染、模板生產等功能，更多詳情請參見智能生產製作概述。
將一個或多個視頻、音頻、圖片、字幕素材合成為成品，可以通過不同的Timeline參數配置提交剪輯，然後調用SubmitMediaProducingJob - 提交剪輯合成作業來完成合成。
時間軸是將素材按照視頻創意進行編排和特效設計的產物，時間軸主要包含軌道、素材、效果3種對象，詳情請參見Timeline配置說明。
如果您想通過調用SDK進行音視訊剪輯，請參見安裝IMS服務端SDK的準備工作。

Transition轉場

添加轉場

在第1個視頻與第2個視頻之間添加向右擦除的轉場效果，轉場預設時間長度為1秒；
在第2個視頻與第3個視頻之間添加蔓延的轉場效果，並通過Duration設定轉場時間長度為2秒。

成片效果

Timeline樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media",
            "Effects": [{
                "Type": "Transition",
                "SubType": "wiperight"
            }]
        }, {
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media",
            "Effects": [{
                "Type": "Transition",
                "SubType": "perlin",
                "Duration": 2
            }]
        }, {
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4"
        }]
    }]
}

添加隨機轉場

在第1個視頻與第2個視頻之間添加隨機轉場，SubType設定為random，表示將在所有轉場中隨機播放。
在第2個視頻與第3個視頻之間添加隨機轉場，SubType設定為wiperight,perlin，表示將在wiperight和perlin中隨機播放一個作為轉場。

成片效果

Timeline樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
            "Effects": [{
                "Type": "Transition",
                "SubType": "random"
            }]
        }, {
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
            "Effects": [{
                "Type": "Transition",
                "SubType": "wiperight,perlin"
            }]
        }, {
            "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4"
        }]
    }]
}

VFX特效

針對單個素材Clip添加特效

為第1個視頻添加橫向模糊特效，此時，VFX特效配置欄位需要放置在對應Clip內的Effect數組中。在不指定起止時間的情況下，特效持續時間長度預設為對應Clip的渲染時間長度。

成片效果

Timeline樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
            "Out": 5,
            "Effects": [{
                "Type": "VFX",
                "SubType": "h_blur"
            }]
        },{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
            "Out": 5
        }]
    }]
}

針對全域畫面添加特效

為視頻全域添加橫向模糊特效，此時，VFX特效的配置欄位需要放置在獨立的特效軌EffectTrack中，不與任何素材Clip相關聯。在不指定起止時間的情況下，特效持續時間長度預設為成片時間長度。

成片效果

Timeline樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
            "Out": 5
        },{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
            "Out": 5
        }]
    }],
    "EffectTracks": [{
        "EffectTrackItems": [{
            "Type": "VFX",
            "SubType": "h_blur"
        }]
    }]
}

針對部分時段畫面添加特效

通過設定TimelineIn為3和TimelineOut為7，在成片視頻的第3秒到第7秒之間添加橫向模糊特效。

成片效果

Timeline樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
            "Out": 5
        },{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
            "Out": 5
        }]
    }],
    "EffectTracks": [{
        "EffectTrackItems": [{
            "Type": "VFX",
            "SubType": "h_blur",
            "TimelineIn": 3,
            "TimelineOut": 7
        }]
    }]
}

添加隨機特效

在第1個視頻添加隨機特效，SubType設定為random，表示將在所有特效中隨機播放。
在第2個視頻添加隨機特效，SubType設定為movie,image_in_image，表示將在movie和image_in_image中隨機播放一個作為特效。

成片效果

Timeline樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
            "Out": 5,
            "Effects": [{
                "Type": "VFX",
                "SubType": "random"
            }]
        }, {
            "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
            "Out": 5,
            "Effects": [{
                "Type": "VFX",
                "SubType": "movie,image_in_image"
            }]
        }]
    }]
}

Filter濾鏡

針對單個素材Clip添加濾鏡

為第1個視頻素材添加灰橙濾鏡，此時，Filter濾鏡配置欄位需要放置在對應Clip內部的Effect數組中。在不指定起止時間的情況下，濾鏡持續時間長度預設為對應Clip的渲染時間長度。

成片效果

Timeline樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
            "Out": 5,
            "Effects": [{
                "Type": "Filter",
                "SubType": "m7"
            }]
        },{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
            "Out": 5
        }]
    }]
}

針對全域畫面添加濾鏡

為視頻全域添加灰橙濾鏡，此時，Filter濾鏡的配置欄位需要放置在獨立的特效軌EffectTrack中，不與任何素材Clip相關聯。在不指定起止時間的情況下，特效持續時間長度預設為成片時間長度。

成片效果

Timeline樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
            "Out": 5
        },{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
            "Out": 5
        }]
    }],
    "EffectTracks": [{
        "EffectTrackItems": [{
            "Type": "Filter",
            "SubType": "m7"
        }]
    }]
}

針對部分時段畫面添加濾鏡

通過設定TimelineIn為3和TimelineOut為7，在成片視頻的第3秒到第7秒之間添加灰橙濾鏡。

成片效果

Timeline樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
            "Out": 5
        },{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
            "Out": 5
        }]
    }],
    "EffectTracks": [{
        "EffectTrackItems": [{
            "Type": "Filter",
            "SubType": "m7",
            "TimelineIn": 3,
            "TimelineOut": 7
        }]
    }]
}

視頻調色

將Filter濾鏡的SubType設定為color，可以為畫面進行自訂調色。

在下面的樣本中，設定對成片的第3到第7秒進行調色，其中調色的配置為：

降低亮度：brightness設定為-10；
提升對比：contrast設定為10；
提升飽和度：saturation設定為10；
增加暗角效果：dark_corner_ratio設定為50。

成片效果

Timeline樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
            "Out": 5
        },{
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
            "Out": 5
        }]
    }],
    "EffectTracks": [{
        "EffectTrackItems": [{
            "Type": "Filter",
            "SubType": "color",
            "TimelineIn": 3,
            "TimelineOut": 7,
            "ExtParams": "effect=color,brightness=-10,contrast=10,saturation=10,kelvin_temperature=6000,temperature_ratio=0,tint=0,dark_corner_ratio=50"
        }]
    }]
}

添加隨機濾鏡

在第1個視頻添加隨機濾鏡，SubType設定為random，將在所有濾鏡中隨機播放。

在第2個視頻添加隨機濾鏡，SubType設定為pj2,pj3，將在pj2和pj3中隨機播放一個作為濾鏡。

成片效果

Timeline樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
            "Out": 5,
            "Effects": [{
                "Type": "Filter",
                "SubType": "random"
            }]
        }, {
            "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
            "Out": 5,
            "Effects": [{
                "Type": "Filter",
                "SubType": "pj2,pj3"
            }]
        }]
    }]
}

KenBurns鏡頭推拉

視頻軌中支援對素材添加鏡頭推拉效果（KenBurns），常用於圖片轉視頻、相簿合集等情境。

如下Timeline樣本的效果為：將鏡頭從原畫面的左下方移動至右上方。

成片效果

圖示

Timeline樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "Type": "Image",
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.png",
            "Duration": 5,
            "Effects": [{
                "Type": "KenBurns",
                "Start": "0,0.5,0.5,0.5",
                "End": "0.5,0,0.5,0.5"
            }]
        }]
    }]
}

預設效果

如果KenBurns不配置任何參數，預設效果有以下3種情況：

若素材與最終成片均為橫屏或豎屏，效果為鏡頭緩慢拉遠。
若素材為橫屏，成片為豎屏，效果為鏡頭向右緩慢滑動。
若素材為豎屏，成片為橫屏，效果為鏡頭向下緩慢滑動。

預設效果 1：若素材與最終成片都是橫屏或都是豎屏，效果為鏡頭緩慢拉遠

成片效果

圖示

Timeline樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "Type": "Image",
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.png",
            "Duration": 5,
            "Effects": [{
                "Type": "KenBurns"
            }]
        }]
    }]
}

預設效果 2：若素材為橫屏，成片為豎屏，效果為鏡頭向右緩慢滑動

成片效果

圖示

Timeline樣本

OutputMediaConfig樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "Type": "Image",
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.png",
            "Duration": 5,
            "Effects": [{
                "Type": "KenBurns"
            }]
        }]
    }]
}

通過指定Width為1080，Height為1920，設定成片為豎屏。

{
    "MediaURL": "此處傳入您自己的 OSS 地址",
    "Width": 1080,
    "Height": 1920
}

預設效果 3：若素材為豎屏，成片為橫屏，效果為鏡頭向下緩慢滑動

成片效果

圖示

Timeline樣本

OutputMediaConfig樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "Type": "Image",
            "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/v1.jpg",
            "Duration": 5,
            "Effects": [{
                "Type": "KenBurns"
            }]
        }]
    }]
}

通過指定Width為1920，Height為1080，設定成片為橫屏：

{
    "MediaURL": "此處傳入您自己的 OSS 地址",
    "Width": 1920,
    "Height": 1080
}

綜合使用濾鏡、特效、轉場

下面這個樣本展示了綜合運用濾鏡、特效、轉場的效果：

在第1個與第2個視頻素材之間添加隨機轉場。
在第2個與第3個視頻素材之間添加名為蔓延的轉場效果。
為第1個視頻素材整體添加名為手電筒的VFX特效。
為第2個視頻素材整體添加名為春芽的Filter濾鏡。
為成片的第11秒至第13秒添加名為溫暖的Filter濾鏡。

成片效果

Timeline樣本

{
    "VideoTracks": [{
        "VideoTrackClips": [{
            "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
            "Out": 6,
            "Effects": [{
                "Type": "Transition",
                "SubType": "random",
                "Duration": 1
            }, {
                "Type": "VFX",
                "SubType": "withcircleflashlight"
            }]
        }, {
            "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
            "Out": 6,
            "Effects": [{
                "Type": "Transition",
                "SubType": "perlin",
                "Duration": 1
            }, {
                "Type": "Filter",
                "SubType": "pl3"
            }]
        }, {
            "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4",
            "Out": 5
        }]
    }],
    "EffectTracks": [{
        "EffectTrackItems": [{
            "Type": "Filter",
            "SubType": "warm",
            "TimelineIn": 11,
            "TimelineOut": 13
        }]
    }]
}

Intelligent Media Services：轉場、特效、濾鏡

使用說明

Transition轉場

添加轉場

添加隨機轉場

VFX特效

針對單個素材Clip添加特效

針對全域畫面添加特效

針對部分時段畫面添加特效

添加隨機特效

Filter濾鏡

針對單個素材Clip添加濾鏡

針對全域畫面添加濾鏡

針對部分時段畫面添加濾鏡

視頻調色

添加隨機濾鏡

KenBurns鏡頭推拉

預設效果

預設效果 1：若素材與最終成片都是橫屏或都是豎屏，效果為鏡頭緩慢拉遠

預設效果 2：若素材為橫屏，成片為豎屏，效果為鏡頭向右緩慢滑動

預設效果 3：若素材為豎屏，成片為橫屏，效果為鏡頭向下緩慢滑動

綜合使用濾鏡、特效、轉場

相關文檔