Use Timeline to configure transitions, visual effects, and filters - Intelligent Media Services: Central de Documentação do Alibaba Cloud

Notas de uso

A produção inteligente oferece suporte a edição e composição, renderização de efeitos e modelos para streams ao vivo, arquivos VOD e arquivos de material do Object Storage Service (OSS). Para mais informações, consulte Visão geral da produção inteligente.
Produza um vídeo a partir de um ou mais vídeos, arquivos de áudio, imagens e materiais de legenda configurando os parâmetros da Timeline e chamando a operação SubmitMediaProducingJob.
Uma timeline é criada ao adicionar materiais e configurar efeitos para gerar um vídeo. Ela consiste em faixas, materiais e efeitos. Para mais detalhes, consulte Configurações da Timeline.
Para saber mais sobre como usar o IMS SDK para editar arquivos de áudio e vídeo, consulte Introdução.

Transições

Adicionar transições

Adicione uma transição wiperight entre o primeiro e o segundo clipe. A duração padrão da transição é de 1 segundo.
Insira uma transição perlin entre o segundo e o terceiro clipe com duração de 2 segundos.

Efeito

Exemplo de 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"
        }]
    }]
}

Adicionar transições aleatórias

Defina SubType como random para aplicar uma transição selecionada aleatoriamente entre o primeiro e o segundo clipe.
Defina SubType como wiperight,perlin para aplicar aleatoriamente wiperight ou perlin como transição entre o segundo e o terceiro clipe.

Efeito

Exemplo de 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"
        }]
    }]
}

Efeitos visuais

Adicionar efeitos visuais a um único clipe

Adicione um efeito de desfoque horizontal ao primeiro clipe. Insira o efeito no array Effect do clipe. O efeito abrange toda a duração do clipe, a menos que você especifique horários de início e fim.

Efeito

Exemplo de 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
        }]
    }]
}

Adicionar efeitos visuais a todo o vídeo

Aplique um efeito de desfoque horizontal em todo o vídeo. Insira o efeito em um array EffectTracks independente. Esse efeito cobre a duração total do vídeo, exceto se forem definidos horários específicos de início e término.

Efeito

Exemplo de 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"
        }]
    }]
}

Adicionar efeitos visuais a parte do vídeo

Defina TimelineIn como 3 e TimelineOut como 7 para aplicar um efeito de desfoque horizontal do 3º ao 7º segundo do vídeo.

Efeito

Exemplo de 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
        }]
    }]
}

Adicionar efeitos visuais aleatórios

Defina SubType como random para aplicar um efeito visual selecionado aleatoriamente ao primeiro clipe.
Defina SubType como movie,image_in_image para aplicar aleatoriamente movie ou image_in_image como efeito visual no segundo clipe.

Efeito

Exemplo de 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"
            }]
        }]
    }]
}

Filtros

Adicionar filtros a um único clipe

Adicione um filtro gray-orange ao primeiro clipe. Insira o filtro no array Effect do clipe. O filtro abrange toda a duração do clipe, a menos que você especifique horários de início e fim.

Efeito

Exemplo de 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
        }]
    }]
}

Adicionar filtros a todo o vídeo

Aplique um filtro gray-orange em todo o vídeo. Insira o filtro em um array EffectTracks independente. O filtro cobre a duração completa do vídeo, salvo se houver especificação de tempo inicial e final.

Efeito

Exemplo de 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"
        }]
    }]
}

Adicionar filtros a parte do vídeo

Defina TimelineIn como 3 e TimelineOut como 7 para aplicar um filtro gray-orange do 3º ao 7º segundo do vídeo.

Efeito

Exemplo de 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
        }]
    }]
}

Color grading de vídeo

Defina SubType como color em Filter para ajustar as cores do vídeo.

O exemplo a seguir aplica color grading do 3º ao 7º segundo do vídeo:

Defina brightness como -10 para diminuir o brilho.
Defina contrast como 10 para aumentar o contraste.
Defina saturation como 10 para aumentar a saturação.
Defina dark_corner_ratio como 50 para intensificar o efeito vinheta.

Efeito

Exemplo de 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"
        }]
    }]
}

Adicionar filtros aleatórios

Defina SubType como random para aplicar um filtro selecionado aleatoriamente ao primeiro clipe.

Defina SubType como pj2,pj3 para aplicar aleatoriamente pj2 ou pj3 como filtro no segundo clipe.

Efeito

Exemplo de 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"
            }]
        }]
    }]
}

Ken Burns

Aplique o efeito Ken Burns ao converter imagens em vídeos ou criar álbuns de fotos.

O exemplo abaixo faz uma panorâmica do canto inferior esquerdo para o canto superior direito da imagem.

Efeito

Ilustração

Exemplo de 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"
            }]
        }]
    }]
}

Efeito padrão

Sem parâmetros explícitos de KenBurns, a animação padrão depende das orientações de entrada e saída:

Mesma orientação (ambas paisagem ou ambas retrato): zoom out lento.
Entrada em paisagem para saída em retrato: deslizamento lento para a direita.
Entrada em retrato para saída em paisagem: deslizamento lento para baixo.

Efeito padrão 1: Zoom out lento (mesma orientação)

Efeito

Ilustração

Exemplo de Timeline

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

Efeito padrão 2: Deslizamento lento para a direita (paisagem para retrato)

Efeito

Ilustração

Exemplo de Timeline

Exemplo de OutputMediaConfig

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

Defina Width como 1080 e Height como 1920 para saída em retrato.

{
    "MediaURL": "Especifique a URL do OSS do recurso de mídia"
    "Width": 1080,
    "Height": 1920
}

Efeito padrão 3: Deslizamento lento para baixo (retrato para paisagem)

Efeito

Ilustração

Exemplo de Timeline

Exemplo de OutputMediaConfig

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

Defina Width como 1920 e Height como 1080 para saída em paisagem.

{
    "MediaURL": "Especifique a URL do OSS do recurso de mídia"
    "Width": 1920,
    "Height": 1080
}

Exemplo combinado

O exemplo a seguir combina transições, efeitos visuais e filtros em uma única Timeline.

Adicione uma transição aleatória entre o primeiro e o segundo clipe.
Adicione uma transição perlin entre o segundo e o terceiro clipe.
Adicione um efeito visual chamado withcircleflashlight ao primeiro clipe.
Adicione um filtro chamado pl3 ao segundo clipe.
Adicione um filtro chamado warm à parte entre o 11º e o 13º segundo do vídeo.

Efeito

Exemplo de 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:Transições, efeitos visuais e filtros

Notas de uso

Transições

Adicionar transições

Adicionar transições aleatórias

Efeitos visuais

Adicionar efeitos visuais a um único clipe

Adicionar efeitos visuais a todo o vídeo

Adicionar efeitos visuais a parte do vídeo

Adicionar efeitos visuais aleatórios

Filtros

Adicionar filtros a um único clipe

Adicionar filtros a todo o vídeo

Adicionar filtros a parte do vídeo

Color grading de vídeo

Adicionar filtros aleatórios

Ken Burns

Efeito padrão

Efeito padrão 1: Zoom out lento (mesma orientação)

Efeito padrão 2: Deslizamento lento para a direita (paisagem para retrato)

Efeito padrão 3: Deslizamento lento para baixo (retrato para paisagem)

Exemplo combinado

Referências