video-editor-render-wasm (VER-wasm)

VER-wasm 是一个视频编辑图形渲染框架,支持多图层、内置Timeline结构进行渲染和预览.

适用于任何非线性编辑产品，可跨平台集成。

渲染框架调试页面 sdk-render-index.html

成套非线性编辑产品 - 样例

• http://v.yuveye.com【直接点击】

• 商业合作 : porschegt23@foxmail.com (麦女士)

API DOCS (2 MySelf)

API

1) window

API: window.CYL_createVideoEditRender

• Function

let renderObject = window.CYL_createVideoEditRender(config);

• Params

const config = {
    PlayerContId: "render1",
    APP_CANVAS_W: 640,
    APP_CANVAS_H: 360,
    LOADING_GIF: "dist-sdk/assets/icon-loading.gif"
}

• Return

renderObject

2) render object

API: renderObject.main()

• Function

renderObject.main();

• Params

void

• Return

true/false

API: renderObject.createTrace()

• Function

renderObject.createTrace();

• Params

void

• Return

int 0/-1

API: renderObject.pushNodeByIdx(0, materialList[0])

• Function

renderObject.pushNodeByIdx(0, materialList[0]);

• Params

1) int: track index
2) MaterialObject: material object

• Return

int 0/-1

API: renderObject.getMaxTraceLen()

• Function

renderObject.getMaxTraceLen();

• Params

void

• Return

int track count

API: renderObject.dumpMat(record=true/false)

• Function

renderObject.dumpMat(record=true/false);

• Params

record=true/false

• Return

Track Object

API: renderObject.setLoadingMask(show=true/false)

• Function

renderObject.setLoadingMask(show=true/false);

• Params

show=true/false

• Return

int 0/-1

API: reloadAllTraces(matTimeline)

• Function

reloadAllTraces(matTimeline);

• Params

matTimelineObject (参考dumpMat返回值)

• Return

void

API: getShowMaxDuration()

• Function

getShowMaxDuration();

• Params

void

• Return

double

API: seek(pts=0.0)

• Function

seek(double);

• Params

double pts

• Return

int 0/-1

API: autoPlayPause()

• Function

autoPlayPause();

• Params

void

• Return

int 0(to play)/1(to pause)

API: play()

• Function

play();

• Params

void

• Return

void

API: pause()

• Function

pause();

• Params

void

• Return

void

API: backStep()

• Function

backStep();

• Params

void

• Return

void

API: removeAll()

• Function

removeAll();

• Params

void

• Return

void

API: removeAll(trackIdx=0)

• Function

removeTraceByIdx(int);

• Params

int

• Return

void

API: removeRect()

• Function

removeRect();

• Params

void

• Return

void

API: createTrace(size=-1)

• Function

createTrace(int);

• Params

int
-1 : add 1 track
> 0: size=all track size

• Return

int 0/-1

API: rmNodeByTagId(tagId)

• Function

rmNodeByTagId(int);

• Params

int

• Return

int 0/-1

API: rmNodeByTraceIdxNodeIdx(traceIdx, nodeIdx)

• Function

rmNodeByTraceIdxNodeIdx(int traceIdx, int nodeIdx);

• Params

int traceIdx, int nodeIdx

• Return

int 0/-1

API: getCanvasNodeTagID(tagId)

• Function

getCanvasNodeTagID(int);

• Params

int

• Return

node object

API: exitRoiRect()

• Function

exitRoiRect();

• Params

void

• Return

void

API: fullScreen()

• Function

fullScreen();

• Params

void

• Return

void

API: closeFullScreen()

• Function

closeFullScreen();

• Params

void

• Return

void

API: beginCrop(tagId)

• Function

beginCrop(int);

• Params

int

• Return

void

API: set_tag_GL_MvHoriMirror(tagId)

• Function

set_tag_GL_MvHoriMirror(int);

• Params

int

• Return

void

API: set_tag_GL_MvVertMirror(tagId)

• Function

set_tag_GL_MvVertMirror(int);

• Params

int

• Return

void

API: reset_tag_GL_HoriMirror(tagId)

• Function

reset_tag_GL_HoriMirror(int);

• Params

int

• Return

void

API: reset_tag_GL_VertMirror(tagId)

• Function

reset_tag_GL_VertMirror(int);

• Params

int

• Return

void

API: angleTurn(right=true);

• Function

angleTurn(bool);

• Params

bool true:right false:left

• Return

void

API: moveByTraceIdxNodeIdx(traceIdx, nodeIdx, moveMv)

• Function

moveByTraceIdxNodeIdx(int traceIdx, int nodeIdx, float moveMv);

• Params

int traceIdx, int nodeIdx, float moveMv

• Return

int 0/-1

API: splitNodeByTraceIdxNodeIdx(int traceIdx, int nodeIdx, float startMv, float endMv)

• Function

splitNodeByTraceIdxNodeIdx(int traceIdx, int nodeIdx, float startMv, float endMv);

• Params

int traceIdx, int nodeIdx, float startMv, float endMv

• Return

int 0/-1

API: addShader(shaderName)

• Function

addShader(shaderName);

• Params

const SHADER_NAME_DEFAULT       = "default";
const SHADER_NAME_GRAY          = "gray";
const SHADER_NAME_MIRROR_HORI   = "mirrorhori";
const SHADER_NAME_MIRROR_VERT   = "mirrorvert";

Enum shaderName

Example: SHADER_INTERFACE.SHADER_NAME_GRAY

• Return

int 0/-1

API: rmShader(shaderName)

• Function

rmShader(shaderName);

• Params

const SHADER_NAME_DEFAULT       = "default";
const SHADER_NAME_GRAY          = "gray";
const SHADER_NAME_MIRROR_HORI   = "mirrorhori";
const SHADER_NAME_MIRROR_VERT   = "mirrorvert";

Enum shaderName

Example: SHADER_INTERFACE.SHADER_NAME_GRAY

• Return

int 0/-1

API: clearShader()

• Function

clearShader();

• Params

void

• Return

int 0/-1

2) node object

API: setVolume(volume=1.0)

• Function

setVolume(float);

• Params

float[0.0-1.0]

• Return

void

Event

renderObject.onVideoProbe = function(mediaInfo) {
    console.log("CYL_createVideoEditRender - renderObject.onVideoProbe ", mediaInfo);
};
renderObject.onVideoPlayTime = function(pts) {
    console.log("CYL_createVideoEditRender - renderObject.onVideoPlayTime ", pts);
};
renderObject.onVideoPlayFinished = function() {
    console.log("CYL_createVideoEditRender - renderObject.onVideoPlayFinished ");
};
renderObject.onAddHistory = function(timelineJson) {
    console.log("CYL_createVideoEditRender - renderObject.onAddHistory ", timelineJson);
};
renderObject.onRectLockTagID = function(tagId) {
    console.log("CYL_createVideoEditRender - renderObject.onRectLockTagID ", tagId);
};
renderObject.onClickTagID = function(tagId) {
    console.log("CYL_createVideoEditRender - renderObject.onClickTagID ", tagId);
};
renderObject.onUnselectTagId = function() {
    console.log("CYL_createVideoEditRender - renderObject.onUnselectTagId ");
};