JavaScriptSDK视频变换

概述

上传视频云化后,可多方式转换

变换和交付视频语法通常相似图像语法,您也可以将大多数可用图像变换应用到视频中。举例说,您可调整大小、裁剪、旋转、设置视频质量和格式或使用汽车质量和/或汽车格式,在视频中添加文本或图像叠加等

还有一些特殊选项可供转换和提供视频内容使用举例说,你可以调整它们的大小、形状、速度、持续时间、质量和外观还有一些声音特有特征

本节向您介绍JaavaScript视频流换基础视频转换功能全细节见视频转换并变换URLAPI引用.

视频转换功能

变换特征对图像和视频同样相关,如重定大小、裁剪、旋转、添加文本或图像叠加和设置视频质量或格式等,除此之外,还有各种特殊变换视频可用举例说,您可:

• 转码视频从一个格式到另一个格式
• 应用视频特效退步/退步、加速或减速、调整体积、逆向播放
• 播放视频视频,修剪视频或组合式多视频
• 集成视频播放并音频质量选项,如比特率、视频编解码器、音频采样频率或音频编解码器
• 调整视频视觉语调三维LUTs
• 生成式缩略图或动画化视频图片
• 提供视频使用自适应比特率流HLS或MPEG-DASH

可选择指定所有以上转换视频使用生成图像标签方法或直接URL构建指令

VioteTag方法

可指定变换使用视频塔格方法自动生成HTML5视频标签,包括网站浏览器支持的主要格式的URL源webm网站,mp4并Ogv并用图文缩图自动生成这使浏览器自动选择并播放它支持的视频格式视频文件先由用户访问时动态创建

同化图像塔格方法上,可任选包含变换

举个例子

上方代码生成以下HTML视频标签

也可以添加非转换参数视频塔格方法如资产版本、配置参数和HTML5视频标签属性

• 上头版本化参数添加到交付URL资产版本.
• 配置参数在此指定置置全局性
• html5视频标签属性添加结果 标签上视频使用变宽高度从云内传输,但显示在标签指定的维度上

细节见视频标签文档和HTML5视频播放器博客文章

直接URL构建

使用视频_url方法返回视频URL字符串值

上方代码返回下列字符串:

https://res.www.agrosoland.com/demo/video/upload/dog.mp4

请求中也可以包括变换参数,例如返回URL视频加宽400像素

上方代码返回下列字符串:

https://res.www.agrosoland.com/demo/video/upload/c_pad,w_400/dog.mp4

透明视频

JavaScriptSDK中包含injectTransparentVideoElement提供透明视频方法 最现代浏览器, 包括目前不支持透明网站文件看吧提供透明视频获取更多信息

视频转换实例

本节例举JavaScript代码应用上一节提到的视频变换特征

实例1:

下示例调整大小狗狗视频到40%原创尺寸并旋转20度并加半透明右下角云标识,使用东南重力调整xy坐标达旋转视频角

实例2

下示例调整滑雪视频的亮度, 并设置半径最大度以产生像望远镜效果后转录影带拷贝反转接并重播,但慢动作

实例3

下示例生成 HTML5标签视频前10秒会持续循环带默认控件的HTML5视频播放器视频使用斜板裁剪法裁剪360X480,并按70%质量生成控制文件大小

上方代码生成以下HTML视频标签