贝斯特游戏大厅官网入口

视频变换(视频教程)

最新更新日期:Oct-31-2023

上页:

评分本页 :

概述

本教程展示使用电子商务视频构建节点js显示产品以不同方式使用逐步指南将显示如何链化变换,同时加一变换

视频教程

Video Player is loading.

Current Time 0:00

Duration -:-

Loaded: 0%

Stream Type LIVE

Remaining Time -:-

Next upNext up:

视频由云情视频播放器带给你嵌入自有脱机

教程内容

本教程介绍以下题目点击时标跳转到视频那部分

导言


0:14	视频中,你可以看到云化变换和AI能力如何帮助你编程编辑视频

获取存储云内视频发送URL


0:25	使用`URL`ssSDK方法取资产公有身份证并返回交付URL指定视频公开标识并设置`资源类型`至`视频播放`.

Nodejs

(async () => {
let videoURL = cloudinary.url("docs/video_features_tutorial/hair", {
      resource_type: "video"
    }
})();

步骤1-添加变换修改并调整视频大小


1:10	裁剪并调整视频大小`变换`对象.指定a`持续时间`5秒宽度为250像素方位比为3:4设置`裁剪`参数切换`填充`以便您的视频裁剪适应指定的维度而不扭曲

Nodejs

(async () => {
  let videoURL = cloudinary.url("docs/video_features_tutorial/hair", {
      resource_type: "video",
      transformation: [
        { aspect_ratio: "3:4", crop: "fill", width: 250 },
        { duration: "5"}
      ],
    });
})();

步骤2-修改视频焦点


1:54	居中表情视频设置`重力`参数化在这种情况下,我们将设置`北边`集中视频向顶端

Nodejs

(async () => {
  let videoURL = cloudinary.url("docs/video_features_tutorial/hair", {
      resource_type: "video",
      transformation: [
        { aspect_ratio: "3:4", crop: "fill", gravity: "north", width: 250 },
        { duration: "5"},
      ],
    });
})();

步骤3-归并另一视频


2:23	剖析另一视频,指定公有标识为叠加值并使用`复数`标志表示它应该分解,而不是覆盖嵌入式视频必须重排到与基视频相同的维度添加`持续时间`参数修饰卷积视频上头`层位应用`标志显示重叠变换结束

Nodejs

(async () => {
  let videoURL = cloudinary.url("docs/video_features_tutorial/hair", {
      resource_type: "video",
      transformation: [
        { aspect_ratio: "3:4", crop: "fill", gravity: "north", width: 250 },
        { duration: "5"},
        { duration: "5", flags: "splice", 
            overlay: "video:docs:video_features_tutorial:makeup"},
        { aspect_ratio: "3:4", crop: "fill", gravity: "north", width: 250 },
        { flags: "layer_apply" },
    });
})();

步骤4-添加标题


3点01分	添加存储于云端的SRT文件并注明公有标识设置`资源类型`至`字幕编程`结束叠加转换`层应用`国旗

Nodejs

(async () => {
  let videoURL = cloudinary.url("docs/video_features_tutorial/hair", {
      resource_type: "video",
      transformation: [
        { aspect_ratio: "3:4", crop: "fill", gravity: "north", width: 250 },
        { duration: "5"},
        { duration: "5", flags: "splice", 
            overlay: "video:docs:video_features_tutorial:makeup"},
        { aspect_ratio: "3:4", crop: "fill", gravity: "north", width: 250 },
        { overlay: {resource_type: "subtitles", 
            public_id: "docs/video_features_tutorial/captions.srt"}},
        { flag: "layer_apply" }
      ],
    });
})();

步骤5-添加后台音乐


3点16分	添加存储云性音乐剪片作为叠加并具体说明公有标识结束重叠转换`层位应用`国旗

Nodejs

(async () => {
  let videoURL = cloudinary.url("docs/video_features_tutorial/hair", {
      resource_type: "video",
      transformation: [
        { aspect_ratio: "3:4", crop: "fill", gravity: "north", width: 250 },
        { duration: "5"},
        { duration: "5", flags: "splice", 
            overlay: "video:docs:video_features_tutorial:makeup"},
        { aspect_ratio: "3:4", crop: "fill", gravity: "north", width: 250 },
        { flags: "layer_apply" },
        { overlay: "video:docs:video_features_tutorial:romeo_and_juliet" },
                { flags: "layer_apply"},
        { overlay: {resource_type: "subtitles", 
            public_id: "docs/video_features_tutorial/captions.srt"}},
        { flag: "layer_apply" }
      ],
    });
})();

步骤6-加水印


3点39分	印上视频并覆盖云内保存为水印的图像设置右上角`重力`参数切换`东北`右上边缘值为10像素`x:10y:10`)水印大小为40像素宽度并设置`不透明度`至80%结束重叠转换`层位应用`国旗完成代码如下:

Nodejs

(async () => {
  let videoURL = cloudinary.url("docs/video_features_tutorial/hair", {
      resource_type: "video",
      transformation: [
        { aspect_ratio: "3:4", crop: "fill", gravity: "north", width: 250 },
        { duration: "5"},
        { duration: "5", flags: "splice", 
            overlay: "video:docs:video_features_tutorial:makeup"},
        { aspect_ratio: "3:4", crop: "fill", gravity: "north", width: 250 },
        { flags: "layer_apply" },
        { overlay: "video:docs:video_features_tutorial:romeo_and_juliet" },
                { flags: "layer_apply"},
        { overlay: "cloudinary_icon"},
        { width: 40, x:10, y:10 },
                { opacity: 80 },
        { flags: "layer_apply", gravity: "north_east"},
        { overlay: {resource_type: "subtitles", 
            public_id: "docs/video_features_tutorial/captions.srt"}},
        { flag: "layer_apply" }
      ],
    });
})();


4: 44	查查我们的变换引用列表所有可应用视频变换滤镜页面仅查看视频相关变换使用资产类型滤镜页面右上角看ode.jsSDK文档,特别是快速启动起步运行分钟