Mengedit Gambar dan Video - Intelligent Media Services

Topik ini menjelaskan cara mengonfigurasi parameter Timeline dalam operasi SubmitMediaProducingJob untuk mengedit gambar dan video.

Catatan penggunaan

Produksi cerdas mendukung pengeditan dan komposit, rendering efek, serta template untuk siaran langsung, file VOD, dan file material dari Object Storage Service (OSS). Untuk informasi lebih lanjut, lihat Ikhtisar Produksi Cerdas.
Anda dapat memproduksi video dari satu atau lebih video, file audio, gambar, dan materi subtitle dengan mengonfigurasi parameter Timeline dan memanggil operasi SubmitMediaProducingJob.
Sebuah timeline dibuat ketika Anda menambahkan materi dan mengonfigurasi efek untuk membuat video. Sebuah timeline terdiri dari trek, materi, dan efek. Untuk informasi lebih lanjut, lihat Konfigurasi Timeline.
Untuk informasi lebih lanjut tentang cara menggunakan IMS SDK untuk mengedit file audio dan video, lihat Persiapan.

Konfigurasikan lebar dan tinggi video

Saat Anda memanggil operasi SubmitMediaProducingJob untuk menyerahkan tugas pengeditan video, Anda dapat menggunakan bidang Width dan Height dalam parameter OutputMediaConfig untuk menentukan resolusi video keluaran.

String outputMediaUrl = "https://your-bucket.oss-cn-shanghai.aliyuncs.com/target_video.mp4";
String outputMediaConfig = "{\"MediaURL\":\"" + outputMediaUrl + "\",\"Width\":720,\"Height\":1280}";
SubmitMediaProducingJobRequest request = new SubmitMediaProducingJobRequest();
request.setTimeline("<your-timeline>");
request.setOutputMediaConfig(outputMediaConfig);
SubmitMediaProducingJobResponse response = iceClient.submitMediaProducingJob(request);

Putar video dari mode lanskap ke mode potret dan tambahkan bilah hitam

Jika video di timeline berada dalam mode lanskap, dan Anda mengatur video keluaran ke mode potret saat menyerahkan tugas pengeditan, sistem akan menskalakan video agar sesuai dengan dimensi baru dan memusatkan video tersebut dalam bingkai.

Efek

Contoh Timeline

{
  "VideoTracks": [{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4"
    },{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4"
    },{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4"
    }]
  }]
}

Putar video dari mode lanskap ke mode potret dan buramkan area kosong

Rentang nilai Radius: [0.01, 1]. Untuk informasi lebih lanjut, lihat Jenis Efek: Latar Belakang.

Efek

Contoh Timeline

{
	"VideoTracks": [{
		"VideoTrackClips": [{
			"MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
			"Effects": [{
				"Type": "Background",
				"SubType": "Blur",
				"Radius": 0.1
			}]
		}, {
			"MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
			"Effects": [{
				"Type": "Background",
				"SubType": "Blur",
				"Radius": 0.1
			}]
		}, {
			"MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4",
			"Effects": [{
				"Type": "Background",
				"SubType": "Blur",
				"Radius": 0.1
			}]
		}]
	}]
}

Ubah video lanskap menjadi video layar terbagi 3 dalam mode potret

Parameter AdaptMode=Cover menunjukkan bahwa materi diubah ukurannya sesuai dengan rasio aspek aslinya untuk mengisi tampilan. Untuk informasi tentang parameter lainnya, lihat VideoTrackClip.

Efek

Contoh Timeline

{
  "VideoTracks": [{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0.3333,
      "AdaptMode": "Cover"
    },{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0.3333,
      "AdaptMode": "Cover"
    },{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0.3333,
      "AdaptMode": "Cover"
    }]
  },{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0,
      "AdaptMode": "Cover"
    },{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0,
      "AdaptMode": "Cover"
    },{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0,
      "AdaptMode": "Cover"
    }]
  },{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0.6666,
      "AdaptMode": "Cover"
    },{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0.6666,
      "AdaptMode": "Cover"
    },{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0.6666,
      "AdaptMode": "Cover"
    }]
  }],
  "SubtitleTracks":[
    {
      "SubtitleTrackClips": [
        {
          "Type": "Text",
          "X": 0,
          "Y": 200,
          "Font": "AlibabaPuHuiTi",
          "Content": "Judul",
          "Alignment": "TopCenter",
          "FontSize": 80,
          "FontColorOpacity": 1,
          "1FontColor": "#ffffff",
          "FontColor": "#FFDEAD",
          "FontFace": {
            "Bold": true,
            "Italic": false,
            "Underline": false
          }
        }
      ]
    },
    {
      "SubtitleTrackClips": [
        {
          "Type":"Text",
          "X": 0,
          "Y": 320,
          "Font": "KaiTi",
          "Content": "Subjudul",
          "Alignment": "TopCenter",
          "FontSize": 45,
          "FontColor": "#ffffff",
          "FontFace": {
            "Bold": false,
            "Italic": true,
            "Underline": true
          }
        }
      ]
    },
    {
      "SubtitleTrackClips":[
        {
          "Type":"Text",
          "X": 0,
          "Y": 900,
          "Font": "AlibabaPuHuiTi",
          "Content": "Subtitle dapat ditambahkan selama pengeditan\n Pemisah baris dapat ditambahkan untuk tampilan multi-baris",
          "Alignment": "TopCenter",
          "FontSize": 40,
          "FontColor": "#ffffff",
          "FontFace": {
            "Bold": true,
            "Italic": false,
            "Underline": false
          }
        }
      ]
    }
  ]
}

Putar video dari mode lanskap ke mode potret dan atur warna latar belakang

Efek

Contoh Timeline

{
  "VideoTracks": [{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
      "Effects": [{
        "Type": "Background",
        "SubType": "Color",
        "Color": "#000066"
      }]
    }, {
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
      "Effects": [{
        "Type": "Background",
        "SubType": "Color",
        "Color": "#006400"
      }]
    }, {
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4",
      "Effects": [{
        "Type": "Background",
        "SubType": "Color",
        "Color": "#8B1A1A"
      }]
    }]
  }]
}

Ekstrak klip video

Dengan mengonfigurasi In=3 dan Out=8, Anda dapat mengekstrak klip yang mencakup dari detik ketiga hingga detik kedelapan dari video.

Efek	Contoh Timeline
	`{ "VideoTracks": [{ "VideoTrackClips": [{ "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4", "In": 3, "Out": 8 }] }] }`

Ekstrak dan gabungkan beberapa klip video

Anda dapat membiarkan bidang TimelineIn dan TimelineOut kosong. Secara default, sistem akan menggabungkan klip menggunakan waktu mulai dan akhir default mereka.

Jika MaxOut diatur ke 5, maksimal 5 detik diekstrak dari klip.

Jika durasi klip melebihi 5 detik, hanya 5 detik pertama yang diekstrak.
Jika durasi klip kurang dari 5 detik, seluruh klip hingga akhirnya diekstrak.

Efek

Contoh Timeline

{
  "VideoTracks": [{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
      "In": 3,
      "Out": 8
    }, {
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
      "MaxOut": 5
    }, {
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4",
      "Effects": [{
        "Type": "Clip",
        "SubType": "RandomClip",
        "ClipDuration": 5
      }]
    }]
  }]
}

Edit gambar dan video

Nilai default Type adalah Video. Jika Anda ingin mengedit gambar, atur Type ke Image.

Efek

Contoh Timeline

{
  "VideoTracks": [{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
      "Out": 3
    }, {
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/image/01.jpg",
      "Type": "Image",
      "Duration": 3
    }, {
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
      "Out": 3
    }, {
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/image/02.jpg",
      "Type": "Image",
      "Duration": 3
    }, {
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4",
      "Out": 3
    }]
  }]
}

Tambahkan watermark, stiker, atau stiker GIF

Untuk mengedit gambar dalam format GIF, Anda harus mengonfigurasi parameter DyncFrames, yang menentukan frame rate materi GIF.

Efek

Contoh Timeline

{
  "VideoTracks": [{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
      "Out": 5
    }, {
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
      "Out": 5
    }, {
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4",
      "Out": 5
    }]
  },{
    "VideoTrackClips": [{
      "Type": "Image",
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/image/s1.png",
      "TimelineIn": 0,
      "Duration": 5,
      "X": 40,
      "Y": 40,
      "Width": 300,
      "Height": 150
    }, {
      "Type": "Image",
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/image/g2.gif",
      "TimelineIn": 5,
      "Duration": 5,
      "X": 20,
      "Y": 800,
      "Width": 200,
      "Height": 200,
      "DyncFrames": 8
    }, {
      "Type": "Image",
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/image/g1.gif",
      "TimelineIn": 10,
      "Duration": 5,
      "X": 400,
      "Y": 40,
      "Width": 200,
      "Height": 200,
      "DyncFrames": 8
    }]
  }]
}

Konfigurasikan penskalaan

Nilai valid AdaptMode adalah Contain, Cover, dan Fill. Untuk informasi lebih lanjut, lihat VideoTrackClip.

Efek

Contoh Timeline

{
  "VideoTracks": [{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0.3333,
      "AdaptMode": "Cover",
      "Out": 5
    },{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/v1.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0.3333,
      "AdaptMode": "Cover",
      "Out": 5
    }]
  },{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0,
      "AdaptMode": "Contain",
      "Out": 5
    },{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/v1.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0,
      "AdaptMode": "Contain",
      "Out": 5
    }]
  },{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h1.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0.6666,
      "AdaptMode": "Fill",
      "Out": 5
    },{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/v1.mp4",
      "Width": 1,
      "Height": 0.3333,
      "X": 0,
      "Y": 0.6666,
      "AdaptMode": "Fill",
      "Out": 5
    }]
  }],
  "SubtitleTracks":[
    {
      "SubtitleTrackClips":[
        {
          "Type":"Text",
          "X": 0,
          "Y": 0,
          "Font": "AlibabaPuHuiTi",
          "Content": "AdaptMode=Cover: mengubah ukuran materi berdasarkan rasio aspek asli untuk mengisi tampilan. Jika rasio aspek objek tidak cocok dengan tampilan, objek dipotong berdasarkan lebar dan tinggi bingkai.",
          "FontSize": 30,
          "FontColor": "#ffffff",
          "AdaptMode": "AutoWrap",
          "TextWidth": 1,
          "FontFace": {
            "Bold": true,
            "Italic": false,
            "Underline": false
          }
        }
      ]
    },
    {
      "SubtitleTrackClips":[
        {
          "Type":"Text",
          "X": 0,
          "Y": 0.3333,
          "Font": "AlibabaPuHuiTi",
          "Content": "AdaptMode=Contain: mengubah ukuran materi berdasarkan rasio aspek asli materi untuk mengisi tampilan.",
          "FontSize": 30,
          "FontColor": "#ffffff",
          "AdaptMode": "AutoWrap",
          "TextWidth": 1,
          "FontFace": {
            "Bold": true,
            "Italic": false,
            "Underline": false
          }
        }
      ]
    },
    {
      "SubtitleTrackClips":[
        {
          "Type":"Text",
          "X": 0,
          "Y": 0.6666,
          "Font": "AlibabaPuHuiTi",
          "Content": "AdaptMode=Fill (default): mengubah ukuran materi berdasarkan rasio aspek asli dan meregangkan materi untuk mengisi tampilan.",   
          "FontSize": 30,
          "FontColor": "#ffffff",
          "AdaptMode": "AutoWrap",
          "TextWidth": 1,
          "FontFace": {
            "Bold": true,
            "Italic": false,
            "Underline": false
          }
        }
      ]
    }
  ]
}

Konfigurasikan picture-in-picture

Dalam VideoTracks, urutan trek dalam array penting, dengan trek terakhir dirender di atas trek sebelumnya.

Efek

Contoh Timeline

{
  "VideoTracks": [{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/v1.mp4"
    }]
  },{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/v1.mp4",
      "X": 0.25,
      "Y": 0.25,
      "Width": 0.5,
      "Height": 0.5
    }]
  }]
}

Konfigurasikan flip horizontal atau vertikal

Efek

Contoh Timeline

{
  "VideoTracks": [
    {
      "VideoTrackClips": [
        {
          "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4",
          "Width": 0.5,
          "Height": 0.5,
          "X": 0,
          "Y": 0,
          "Effects": [
            {
              "Type": "Text",
              "FixedX": 0,
              "FixedY": 0,
              "Font": "HappyZcool-2016",
              "Content": "Video asli",
              "Alignment": "TopLeft",
              "FontSize": 80,
              "FontColor": "#F5FFFA",
              "TimelineIn": 0,
              "TimelineOut": 10,
              "Outline": 1,
              "OutlineColour": "#0e0100"
            }
          ]
        }
      ]
    },
    {
      "VideoTrackClips": [
        {
          "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4",
          "Width": 0.5,
          "Height": 0.5,
          "X": 0.5,
          "Y": 0,
          "Effects": [
            {
              "Type": "Flip",
              "Direction": "horizontal"
            },{
              "Type": "Text",
              "FixedX": 0.5,
              "FixedY": 0,
              "Font": "HappyZcool-2016",
              "Content": "Flip horizontal",
              "Alignment": "TopLeft",
              "FontSize": 80,
              "FontColor": "#F5FFFA",
              "TimelineIn": 0,
              "TimelineOut": 10,
              "Outline": 1,
              "OutlineColour": "#0e0100"
            }
          ]
        }
      ]
    },
    {
      "VideoTrackClips": [
        {
          "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4",
          "Width": 0.5,
          "Height": 0.5,
          "X": 0,
          "Y": 0.5,
          "Effects": [
            {
              "Type": "Flip",
              "Direction": "vertical"
            },{
              "Type": "Text",
              "FixedX": 0,
              "FixedY": 0.5,
              "Font": "HappyZcool-2016",
              "Content": "Flip vertikal",
              "Alignment": "TopLeft",
              "FontSize": 80,
              "FontColor": "#F5FFFA",
              "TimelineIn": 0,
              "TimelineOut": 10,
              "Outline": 1,
              "OutlineColour": "#0e0100"
            }
          ]
        }
      ]
    },
    {
      "VideoTrackClips": [
        {
          "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h3.mp4",
          "Width": 0.5,
          "Height": 0.5,
          "X": 0.5,
          "Y": 0.5,
          "Effects": [
            {
              "Type": "Flip",
              "Direction": "horizontal"
            },{
              "Type": "Flip",
              "Direction": "vertical"
            },{
              "Type": "Text",
              "FixedX": 0.5,
              "FixedY": 0.5,
              "Font": "HappyZcool-2016",
              "Content": "Flip horizontal dan vertikal",
              "Alignment": "TopLeft",
              "FontSize": 80,
              "FontColor": "#F5FFFA",
              "TimelineIn": 0,
              "TimelineOut": 10,
              "Outline": 1,
              "OutlineColour": "#0e0100"
            }
          ]
        }
      ]
    }
  ]
}

Potong video

Efek

Contoh Timeline

{
  "VideoTracks": [{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/v1.mp4",
      "Out": 3,
      "X": 0.3,
      "Y": 0.3,
      "Width":0.4,
      "Height":0.4,
      "Effects": [{
        "Type":"Crop",
        "X":0.3,
        "Y":0.3,
        "Width":0.4,
        "Height":0.4
      },{
        "Type": "Text",
        "Font": "HappyZcool-2016",
        "Content": "Potong video sebesar 60%.",
        "FixedY": 150,
        "Alignment": "TopCenter",
        "FixedFontSize": 70,
        "FontColor": "#F5FFFA",
        "Outline": 1,
        "OutlineColour": "#0e0100"
      }]
    },{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/v1.mp4",
      "In": 3,
      "Out": 6,
      "X": 0.15,
      "Y": 0.15,
      "Width":0.7,
      "Height":0.7,
      "Effects": [{
        "Type":"Crop",
        "X":0.15,
        "Y":0.15,
        "Width":0.7,
        "Height":0.7
      },{
        "Type": "Text",
        "Font": "HappyZcool-2016",
        "Content": "Potong video sebesar 30%.",
        "FixedY": 150,
        "Alignment": "TopCenter",
        "FixedFontSize": 70,
        "FontColor": "#F5FFFA",
        "Outline": 1,
        "OutlineColour": "#0e0100"
      }]
    },{
      "MediaURL": "http://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/v1.mp4",
      "In": 6,
      "Out": 9,
      "Effects": [{
        "Type": "Text",
        "Font": "HappyZcool-2016",
        "Content": "Tidak ada pemotongan",
        "FixedY": 150,
        "Alignment": "TopCenter",
        "FixedFontSize": 70,
        "FontColor": "#F5FFFA",
        "Outline": 1,
        "OutlineColour": "#0e0100"
      }]
    }]
  }]
}

Konfigurasikan percepatan kecepatan

Dalam AudioTrackClips, Anda dapat menggunakan parameter Speed untuk mengonfigurasi percepatan kecepatan audio dan video.

Efek

Contoh Timeline

{
  "VideoTracks": [{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
      "Out": 3,
      "Effects": [{
        "Type": "Text",
        "Font": "HappyZcool-2016",
        "Content": "Kecepatan asli",
        "FixedY": 150,
        "Alignment": "TopCenter",
        "FixedFontSize": 70,
        "FontColor": "#F5FFFA"
      }]
    },{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
      "Speed": 2,
      "Out": 6,
      "Effects": [{
        "Type": "Text",
        "Font": "HappyZcool-2016",
        "Content": "2x kecepatan",
        "FixedY": 150,
        "Alignment": "TopCenter",
        "FixedFontSize": 70,
        "FontColor": "#F5FFFA"
      }]
    },{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
      "Speed": 3,
      "Out": 9,
      "Effects": [{
        "Type": "Text",
        "Font": "HappyZcool-2016",
        "Content": "3x kecepatan",
        "FixedY": 150,
        "Alignment": "TopCenter",
        "FixedFontSize": 70,
        "FontColor": "#F5FFFA"
      }]
    }]
  }]
}

Putar materi

Efek

Contoh Timeline

{
  "VideoTracks": [{
    "VideoTrackClips": [{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
      "Out": 3,
      "Effects": [{
        "Type": "Text",
        "Font": "HappyZcool-2016",
        "Content": "Sudut asli",
        "FixedY": 150,
        "Alignment": "TopCenter",
        "FixedFontSize": 70,
        "FontColor": "#F5FFFA",
        "Outline": 1,
        "OutlineColour": "#0e0100"
      }]
    },{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
      "Out": 3,
      "X": 0,
      "Y": 0,
      "Height": 720,
      "Width": 1280,
      "Effects": [{
        "Type": "Rotate",
        "Degree": 90
      },{
        "Type": "Text",
        "Font": "HappyZcool-2016",
        "Content": "Putar sebesar 90°.",
        "FixedY": 150,
        "Alignment": "TopCenter",
        "FixedFontSize": 70,
        "FontColor": "#F5FFFA",
        "Outline": 1,
        "OutlineColour": "#0e0100"
      }]
    },{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
      "Out": 3,
      "Effects": [{
        "Type": "Rotate",
        "Degree": 180
      },{
        "Type": "Text",
        "Font": "HappyZcool-2016",
        "Content": "Putar 180°",
        "FixedY": 150,
        "Alignment": "TopCenter",
        "FixedFontSize": 70,
        "FontColor": "#F5FFFA",
        "Outline": 1,
        "OutlineColour": "#0e0100"
      }]
    },{
      "MediaURL": "http://ice-public-media.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
      "Out": 3,
      "X": 0,
      "Y": 0,
      "Height": 720,
      "Width": 1280,
      "Effects": [{
        "Type": "Rotate",
        "Degree": 270
      },{
        "Type": "Text",
        "Font": "HappyZcool-2016",
        "Content": "Putar sebesar 270°",
        "FixedY": 150,
        "Alignment": "TopCenter",
        "FixedFontSize": 70,
        "FontColor": "#F5FFFA",
        "Outline": 1,
        "OutlineColour": "#0e0100"
      }]
    }]
  }]
}

Buat lingkaran, persegi panjang, linier, dan masker cermin

Efek

Contoh Timeline

{
    "VideoTracks": [
        {
            "VideoTrackClips": [
                {
                    "MediaUrl": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/h2.mp4",
                    "Width": 1,
                    "Height": 1,
                    "In": 0,
                    "Out": 5,
                    "AdaptMode": "Cover",
                    "Duration": 10
                }
            ]
        },
        {
            "VideoTrackClips": [
                {
                    "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/v1.mp4",
                    "X": 0.1,
                    "Y": 0.1,
                    "Width": 0.3,
                    "Height": 0.3,
                    "AdaptMode": "Cover",
                    "In": 0,
                    "Out": 5,
                    "Effects": [
                        {
                            "Type": "VFX",
                            "SubType": "mask_circle",
                            "ExtParams": "x=0.5,y=0.2,width=200.0,height=200.0,antialias=0.05"
                        }
                    ]
                }
            ]
        },
        {
            "VideoTrackClips": [
                {
                    "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/v1.mp4",
                    "X": 0.5,
                    "Y": 0.1,
                    "Width": 0.3,
                    "Height": 0.3,
                    "AdaptMode": "Cover",
                    "In": 0,
                    "Out": 5,
                    "Effects": [
                        {
                            "Type": "VFX",
                            "SubType": "mask_linear",
                            "ExtParams": "x=0.5,y=0.2,antialias=0.1,angle=90.0"
                        }
                    ]
                }
            ]
        },
        {
            "VideoTrackClips": [
                {
                    "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/v1.mp4",
                    "X": 0.1,
                    "Y": 0.5,
                    "Width": 0.3,
                    "Height": 0.3,
                    "AdaptMode": "Cover",
                    "In": 0,
                    "Out": 5,
                    "Effects": [
                        {
                            "Type": "VFX",
                            "SubType": "mask_minor",
                            "ExtParams": "x=0.5,y=0.4,size=0.6,angle=45.0"
                        }
                    ]
                }
            ]
        },
        {
            "VideoTrackClips": [
                {
                    "MediaURL": "https://ice-document-materials.oss-cn-shanghai.aliyuncs.com/test_media/v1.mp4",
                    "X": 0.5,
                    "Y": 0.5,
                    "Width": 0.3,
                    "Height": 0.3,
                    "AdaptMode": "Cover",
                    "In": 0,
                    "Out": 5,
                    "Effects": [
                        {
                            "Type": "VFX",
                            "SubType": "mask_rec",
                            "ExtParams": "x=0.5,y=200.0,width=200.0,height=200.0,radius=50.0,antialias=0.03"
                        }
                    ]
                }
            ]
        }
    ]
}

Deskripsi parameter

Lingkaran (elips)

type = mask_circle

Parameter	Tipe	Nilai valid	Nilai default	Deskripsi
x	float	[0.0, lebar materi]	0.5	Koordinat X pusat lingkaran relatif terhadap sudut kiri atas materi. Saat nilai berada dalam rentang [0.0, 1.0], itu menunjukkan koordinat relatif terhadap lebar materi. Saat nilai lebih besar dari 1.0, itu menunjukkan nilai piksel absolut.
y	float	[0.0, tinggi materi]	0.5	Koordinat Y pusat lingkaran relatif terhadap sudut kiri atas materi. Saat nilai berada dalam rentang [0.0, 1.0], itu menunjukkan koordinat relatif terhadap tinggi materi. Saat nilai lebih besar dari 1.0, itu menunjukkan nilai piksel absolut.
width	float	[0.0, lebar materi]	0.8	Lebar elips relatif terhadap lebar materi. Saat nilai berada dalam rentang [0.0, 1.0], itu menunjukkan lebar relatif terhadap lebar materi. Saat nilai lebih besar dari 1.0, itu menunjukkan nilai piksel absolut.
height	float	[0.0, tinggi materi]	0.8	Tinggi elips relatif terhadap tinggi materi. Saat nilai berada dalam rentang [0.0, 1.0], itu menunjukkan tinggi relatif terhadap tinggi materi. Saat nilai lebih besar dari 1.0, itu menunjukkan nilai piksel absolut.
antialias	float	[0.0, 1.0]	0.1	Parameter antialiasing elips. Semakin besar nilainya, semakin tinggi tingkat pelembutan tepi.
angle	float	[-9999.0, 9999.0]	0.0	Sudut rotasi.

Persegi Panjang

type = mask_rec

Parameter	Tipe	Nilai valid	Nilai default	Deskripsi
x	float	[0.0, lebar materi]	0.5	Koordinat X pusat persegi panjang relatif terhadap sudut kiri atas materi. Saat nilai berada dalam rentang [0.0, 1.0], itu menunjukkan koordinat relatif terhadap lebar materi. Saat nilai lebih besar dari 1.0, itu menunjukkan nilai piksel absolut.
y	float	[0.0, tinggi materi]	0.5	Koordinat Y pusat persegi panjang relatif terhadap sudut kiri atas materi. Saat nilai berada dalam rentang [0.0, 1.0], itu menunjukkan koordinat relatif terhadap tinggi materi. Saat nilai lebih besar dari 1.0, itu menunjukkan nilai piksel absolut.
width	float	[0.0, lebar materi]	0.8	Lebar persegi panjang. Saat nilai berada dalam rentang [0.0, 1.0], itu menunjukkan lebar relatif terhadap lebar materi. Saat nilai lebih besar dari 1.0, itu menunjukkan nilai piksel absolut.
height	float	[0.0, tinggi materi]	0.8	Tinggi persegi panjang. Saat nilai berada dalam rentang [0.0, 1.0], itu menunjukkan tinggi relatif terhadap tinggi materi. Saat nilai lebih besar dari 1.0, itu menunjukkan nilai piksel absolut.
antialias	float	[0.0, 1.0]	0.1	Parameter antialiasing persegi panjang. Semakin besar nilainya, semakin tinggi tingkat pelembutan tepi.
radius	float	[0.0, nilai lebih besar dari lebar atau tinggi materi]	0.1	Radius sudut persegi panjang. Saat nilai berada dalam rentang [0.0, 1.0], itu menunjukkan radius relatif terhadap nilai lebih besar dari lebar atau tinggi materi. Saat nilai lebih besar dari 1.0, itu menunjukkan nilai piksel absolut.
angle	float	[-9999.0, 9999.0]	0.0	Sudut rotasi.

Linier

type = mask_linear

Parameter	Tipe	Nilai valid	Nilai default	Deskripsi
x	float	[0.0, lebar materi]	0.5	Koordinat X titik referensi tengah masker linier relatif terhadap sudut kiri atas materi. Saat nilai berada dalam rentang [0.0, 1.0], itu menunjukkan koordinat relatif terhadap lebar materi. Saat nilai lebih besar dari 1.0, itu menunjukkan nilai piksel absolut.
y	float	[0.0, tinggi materi]	0.5	Koordinat Y titik referensi tengah masker linier relatif terhadap sudut kiri atas materi video. Saat nilai berada dalam rentang [0.0, 1.0], itu menunjukkan koordinat relatif terhadap tinggi materi. Saat nilai lebih besar dari 1.0, itu menunjukkan nilai piksel absolut.
antialias	float	[0.0, 1.0]	0.1	Parameter antialiasing masker linier. Semakin besar nilainya, semakin tinggi tingkat pelembutan tepi.
angle	float	[-9999.0, 9999.0]	0.0	Sudut rotasi.

Cermin

type = mask_minor

Parameter	Tipe	Nilai valid	Nilai default	Deskripsi
x	float	[0.0, lebar materi]	0.5	Koordinat X titik referensi tengah masker cermin relatif terhadap sudut kiri atas materi. Saat nilai berada dalam rentang [0.0, 1.0], itu menunjukkan koordinat relatif terhadap lebar materi. Saat nilai lebih besar dari 1.0, itu menunjukkan nilai piksel absolut.
y	float	[0.0, tinggi materi]	0.5	Koordinat Y titik referensi tengah masker cermin relatif terhadap sudut kiri atas materi. Saat nilai berada dalam rentang [0.0, 1.0], itu menunjukkan koordinat relatif terhadap tinggi materi. Saat nilai lebih besar dari 1.0, itu menunjukkan nilai piksel absolut.
antialias	float	[0.0, 1.0]	0.1	Parameter antialiasing masker cermin. Semakin besar nilainya, semakin tinggi tingkat pelembutan tepi.
angle	float	[-9999.0, 9999.0]	0.0	Sudut rotasi.

Intelligent Media Services：Mengedit gambar dan video

Catatan penggunaan

Konfigurasikan lebar dan tinggi video

Putar video dari mode lanskap ke mode potret dan tambahkan bilah hitam

Contoh Timeline

Putar video dari mode lanskap ke mode potret dan buramkan area kosong

Contoh Timeline

Ubah video lanskap menjadi video layar terbagi 3 dalam mode potret

Contoh Timeline

Putar video dari mode lanskap ke mode potret dan atur warna latar belakang

Contoh Timeline

Ekstrak klip video

Contoh Timeline

Ekstrak dan gabungkan beberapa klip video

Contoh Timeline

Edit gambar dan video

Contoh Timeline

Tambahkan watermark, stiker, atau stiker GIF

Contoh Timeline

Konfigurasikan penskalaan

Contoh Timeline

Konfigurasikan picture-in-picture

Contoh Timeline

Konfigurasikan flip horizontal atau vertikal

Contoh Timeline

Potong video

Contoh Timeline

Konfigurasikan percepatan kecepatan

Contoh Timeline

Putar materi

Contoh Timeline

Buat lingkaran, persegi panjang, linier, dan masker cermin

Contoh Timeline

Deskripsi parameter

Referensi