Giter VIP home page Giter VIP logo

girlbymirror / video-editor-render-web Goto Github PK

View Code? Open in Web Editor NEW

This project forked from numberwolf/video-editor-render.wasm

0.0 1.0 0.0 0 B

[video-editor-render-web(VER-web)]是一个视频编辑图形渲染框架,支持多图层、内置Timeline结构进行渲染和预览 . [video-editor-render-web(VER-web)] is a render framework for video-editors.

License: Other

JavaScript 59.02% CSS 24.32% HTML 16.66%

video-editor-render-web's Introduction

video-editor-render-web (VER-web)

Show case

http://39.106.146.94/

API DOCS (2 MySelf)

API

1) window

API: window.CYL_createVideoEditRender

  • Function
let controllerAVC = 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
controllerAVC

2) render object

API: controllerAVC.main()

  • Function
controllerAVC.main();
  • Params
void
  • Return
true/false

API: controllerAVC.createTrace()

  • Function
controllerAVC.createTrace();
  • Params
void
  • Return
int 0/-1

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

  • Function
controllerAVC.pushNodeByIdx(0, materialList[0]);
  • Params
1) int: track index
2) MaterialObject: material object
  • Return
int 0/-1

API: controllerAVC.getMaxTraceLen()

  • Function
controllerAVC.getMaxTraceLen();
  • Params
void
  • Return
int track count

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

  • Function
controllerAVC.dumpMat(record=true/false);
  • Params
record=true/false
  • Return
Track Object

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

  • Function
controllerAVC.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

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

video-editor-render-web's People

Contributors

numberwolf avatar

Watchers

girlbymirror-ChangYanlong avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.