📣 微剪1.5.1版本发布啦！新增海量转场特效、出入场以及变焦动效，制作效果更佳；内置「影集」模式支持一键出片；优化白名单配置，更好地支持在线资源。下面就跟着小编一起体验下新版本特性吧！

影集模式（转场动画和动效）

接入插件

如果你之前没有尝试接入过微剪，可以先移步基础功能介绍和接入了解如何快速接入。

升级插件版本

直接修改 app.json 文件中对应插件的版本

  "plugins": {
    "myPlugin": {
      "version": "1.5.1", // 修改为最新版本号
      "provider": "wx76f1d77827f78beb",
      "export": "index.js"
    }
  }

启用影集模式

插件 settings 中配置 editMode: ['album', 'manual'] 启用影集模式，默认开启。

影集模式

快速接入模式下，使用影集模式便可直接体验插件内置的转场动画和动效，一键制作出好看的作品。

自定义转场动画和动效

高级接入模式下，也可以按照下述方式自定义转场动画和动效：

1. 获取内置转场和动效

获取内置资源方式请参考高级功能-内置资源。

小程序的app.js中编写如下代码：

var myPluginInterface = requirePlugin('myPlugin');
App({
  onLaunch: function () {
    let resources = myPluginInterface.resources
    global['resources'] = resources
    let {
    	transitions, // 转场动画
    	operations  // 动效
    } = resources
  }
})

2. 添加转场动画Clip

let mediaTrack = new new global['wj-types'].Track({
  type: "media",
  clips: [
    new global['wj-types'].Clip({
      ...,
      id: 'clip1',
      type: 'image',
      info: {
        tempFilePath: 'xxxx',
        ...
      },
      startAt: 0,
      section: {
        start: 0,
        end: 3
      }
    }),
    new global['wj-types'].Clip({
      ...,
      id: 'clip2',
      type: 'video',
      info: {
        tempFilePath: 'xxxx',
        ...
      },
      startAt: 3,
      section: {
        start: 2.5,
        end: 6
      }
    })
   ],
})
let clip1 = mediaTrack.clips[0]
let clip2 = mediaTrack.clips[1]
let transitionDuration = 1
let transitionClip = new global['wj-types'].Clip({
  type: 'transition',
  info: { // 标记转场的两个片段
    fromId: clip1.id,
    toId: clip2.id
  },
  startAt: clip1.startAt + clip1.section.end - clip1.section.start - transitionDuration,
  section: {
    start: 0,
    end: transitionDuration // 转场持续的时长
  },
  key: 'Blur' // 转场的key
})
mediaTrack.clips.push(transitionClip)

3. 优化转场效果

clip2.startAt -= transitionDuration

4. 添加动效Operation

let zoomOperation = new global['wj-types'].ClipOperation({
	id: 'my-zoom',
	key: 'zoomIn',
	type: "zoom",
})
clip1.ooperations = [zoomOperation]

5. 传给播放器

player.updateData([mediaTrack])

插件内置 60+种 转场动画，更多高级玩法请参考转场和动效

自定义资源白名单配置

新版本优化了白名单配置，更好地支持在线资源。

• 针对图片、视频、音乐、贴纸、水印等在线资源，无需额外配置即可直接使用。

• 涉及字体的场景，需做以下配置（快速集成模式下，使用插件内置字体也需配置）：

  1.在小程序根目录下引入 index.js，目录：miniprogram/index.js

  	module.exports = {
  		loadFontFace: wx.loadFontFace
  	}
  

  2.在 app.json 中将 downloadFile 方法导出到插件

      "plugins": {
        "myPlugin": {
          "provider": "wx76f1d77827f78beb",
          "version": "xxxx.xxx.xxx",
          "export": "index.js"
        }
      }
  

  3.涉及自定义在线字体的场景，需要进入小程序管理后台，将 https://7072-prod-vxhab-1304124648.tcb.qcloud.la （固定地址）配置到白名单中即可。

更多版本内容，请访问版本更新日志

以上就是此次版本更新的主要内容啦，迫不及待想要体验下？心动不如行动，快喊上小伙伴一起玩转插件吧。