目前使用的转场均来自于FFmpeg内置的 Xfade 转场滤镜。
从模块引入转场效果常量即可使用。
import { TRANSITION } from "web-video-creator";
console.log(TRANSITION.FADE); // 输出 fade
console.log(TRANSITION.CIRCLE_OPEN); // 输出 circleopen| 常量名 | 效果说明 |
|---|---|
| FADE | 淡入淡出 |
| WIPE_LEFT | 从右向左擦除 |
| WIPE_RIGHT | 从左向右擦除 |
| WIPE_UP | 从下往上擦除 |
| WIPE_DOWN | 从上往下擦除 |
| SLIDE_LEFT | 从右向左滑动 |
| SLIDE_RIGHT | 从左向右滑动 |
| SLIDE_UP | 从下往上滑动 |
| SLIDE_DOWN | 从上往下滑动 |
| CIRCLE_CROP | 圆形裁剪过渡 |
| RECT_CROP | 矩形裁剪过渡 |
| DISTANCE | 色块过渡 |
| FADE_BLACK | 黑色渐变淡入淡出 |
| FADE_WHITE | 白色渐变淡入淡出 |
| RADIAL | 雷达扫描 |
| SMOOTH_LEFT | 从右向左平滑过渡 |
| SMOOTH_RIGHT | 从左向右平滑过渡 |
| SMOOTH_UP | 从下向上平滑过渡 |
| SMOOTH_DOWN | 从上向下平滑过渡 |
| CIRCLE_OPEN | 圆形开放过渡 |
| CIRCLE_CLOSE | 圆形闭合过渡 |
| VERT_OPEN | 垂直方向开放过渡 |
| VERT_CLOSE | 垂直方向闭合过渡 |
| HORZ_OPEN | 水平方向开放过渡 |
| HORZ_CLOSE | 水平方向闭合过渡 |
| DISSOLVE | 溶解过渡 |
| PIXELIZE | 像素化过渡 |
| DIAGL | 右下对角线过渡 |
| DIAGTR | 左下对角线过渡 |
| DIAGBL | 右上对角线过渡 |
| DIAGBR | 左上对角线过渡 |
| SLICE_LEFT | 水平从右向左百叶窗过渡 |
| SLICE_RIGHT | 水平从左向右百叶窗过渡 |
| SLICE_UP | 垂直从右向左百叶窗过渡 |
| SLICE_DOWN | 垂直从右向左百叶窗过渡 |
| HBLUR | 高速模糊效果 |
| FADE_GRAYS | 灰度渐变 |
| WIPE_TL | 从右下向左上擦除 |
| WIPE_TR | 从左下向右上角擦除 |
| WIPE_BL | 从右上向左下擦除 |
| WIPE_BR | 从左上向右下擦除 |
| SQUEEZEH | 水平挤压 |
| SQUEEZEV | 垂直挤压 |
| ZOOM_IN | 放大过渡 |
| WIND_LEFT | 从右向左扫过 |
| WIND_RIGHT | 从左向右扫过 |
| WIND_UP | 从下向上扫过 |
| WIND_DOWN | 从上向下扫过 |
| COVER_LEFT | 从右向左覆盖 |
| COVER_RIGHT | 从左向右覆盖 |
| COVER_UP | 从下向上覆盖 |
| COVER_DOWN | 从上向下覆盖 |
| REVEAL_LEFT | 从右向左揭开 |
| REVEAL_RIGHT | 从左向右揭开 |
| REVEAL_UP | 从下向上揭开 |
| REVEAL_DOWN | 从上向下揭开 |