小游戏
取消
开发
中文
EN
取消
  • 指南

    • # 游戏对局回放

    游戏对局回放是 一组录制游戏画面来生成对局回放、并可以将对局回放分享给好朋友的 API，基础库 >= v2.8.0 支持。

    # 录制

    wx.getGameRecorder() 返回一个全局单例 GameRecorder，是一个游戏录制对象。录制游戏画面是一项比较消耗性能的能力，在某些系统、设备上无法进行游戏画面录制。因此在调用游戏画面录制能力前，需先判断当前环境是否支持该能力。

    const recorder = wx.getGameRecorder() console.log('是否支持录制游戏画面', recorder.isFrameSupported()) // 目前还未实现，后期可能会支持到 console.log('是否支持录制游戏画面的同时也录制音频', recorder.isSoundSupported())

    所有和录制有关的 API 都挂载在 GameRecorder 上：

    调用 GameRecorder.start() 开始录制，调用 GameRecorder.stop() 结束录制。

    const recorder = wx.getGameRecorder() // 发起开始录制的调用 recorder.start() // start 事件的回调函数的执行表示录制的真正开始 recorder.on('start', () => { // 真正开始录制后的 5 秒后结束录制 setTimeout(() => { recorder.stop() }, 5000) }) // stop 事件的回调函数的执行表示录制完成 recorder.on('stop', (res) => { console.log(`对局回放时长: ${res.duration}`) })

    如果在录制过程中有玩家思考等待等过程，可以调用 GameRecorder.pause() 暂停录制，然后再用 GameRecorder.resume() 恢复录制。

    recorder.pause() // pause 事件的回调函数的执行表示录制真正暂停 recorder.on('start', () => { // 真正开始暂停后的 5 秒后恢复录制 setTimeout(() => { recorder.resume() }, 5000) }) // resume 事件的回调函数的执行录制继续进行 recorder.on('resume', () => { console.log('继续录制') })

    如果想舍弃已经在录制的视频，可以调用 GameRecorder.abort()

    recorder.abort() // abort 事件的回调函数的执行表示录制中的游戏画面已经被舍弃 recorder.on('abort', () => { console.log('继续录制') })

    stop 事件触发就表示已经有一个录制好的视频被输出来了。录制完成的视频保存在内部，不能被访问到，也不能直接播放，只能发送给好友或分享到微信游戏中心。内部只会保存 最近一次录制的视频，发起分享时也只会分享这个 最近一次录制的视频。

    # 分享

    游戏对局回放的分享可以通过调用 API wx.operateGameRecorderVideo() 触发，或 在用户点击 游戏对局回放分享按钮 时发起。

    如果使用 API 触发，可以支持分享到游戏圈、会话。

    如果使用分享按钮触发，需要调用 wx.createGameRecorderShareButton() 创建 游戏对局回放分享按钮。参数分为两部分，指定按钮样式的 style 和指定分享配置的 share。

    按钮的默认样式如下：

    icon 指定左侧的图标，text 指定右侧的按钮文本，style.backgroundColor 指定按钮的背景色，image 指定按钮的背景图片，会覆盖背景色。完整的参数说明参见 wx.createGameRecorderShareButton() 。

    const button = wx.createGameRecorderShareButton({ // 样式参数 style: { left: 10, top: 150, height: 50, color: '#ffffff', textAlign: 'center', fontSize: 16, borderRadius: 4, iconMarginRight: 16, paddingLeft: 1, paddingRight: 30, }, // 按钮的背景图片 image: 'button.jpg', text: '自定义文案', icon: 'icon.jpg', // 分享参数 share: { query: 'a=1&b=2', // 背景音乐的路径 bgm: 'walkin.mp3', timeRange: [[0, 1000], [2000, 3000]], title: { template: 'default.score', data: { score: 6500 } }, button: { template: 'default.enter', } } })

    点击按钮后会拉起视频编辑界面，用户可以对视频再加一首背景音乐或增加一些表情、贴纸。点击视频编辑界面右下角的绿色按钮可以将视频分享到会话 或 朋友圈（beta测试）。

    点击分享到会话的卡片可以进入视频，下方按钮可以跳转到该小游戏开发者指定的路径。

    点击分享到朋友圈的链接可以进入视频，下方按钮可以跳转到该小游戏开发者指定的路径。可根据 场景值 区分适配，朋友圈内打开“预览模式” 1154，“预览模式”打开小游戏 1155。

    TIPS：对局回放分享朋友圈为测试能力，从基础库 version 2.12.0 开始支持，此功能为beta版，暂仅在Android平台支持。

    1. 低版本微信客户端打开时，会进入一个升级提示页面
    2. 支持打开开发版、体验版，无权限人员进入时页面会提示无权限

    分享参数的含义如下：

    • share.title 对局回放标题的配置。这个配置生成的文案会出现在视频上和视频的分享卡片的副标题处。配置的含义见 wx.createGameRecorderShareButton()。
    • share.button 对局回放按钮文案的配置。在视频上点击这个按钮会跳转到录制这个视频的小游戏。配置的含义见 wx.createGameRecorderShareButton()。
    • share.query 点击按钮跳转小游戏时的 query。
    • share.bgm 对局回放的背景音乐。用户可以在转发之前的视频编辑界面上再选一首背景音乐，两个音乐会混合在一起，而不是覆盖。
    • share.timeRange 录制对局回放的裁剪区间。是一个二维数组，单位 ms（毫秒）。[[1000, 3000], [4000, 5000]] 表示剪辑已录制视频的 1-3 秒和 4-5 秒最终合成为一个 3 秒的视频。对局回放剪辑后的总时长最多 60 秒，即 1 分钟。

    # 分享过程中的异常

    分享结果不能被获取到，但是如果分享过程中发生了客户端层面的异常，GameRecorderShareButton.onTap() 注册的回调函数会执行。

    button.onTap(res => { console.log(`错误码：${res.error.code}，错误信息：${res.error.message}`) })
    点击咨询小助手