实战丨云开发帮你和「火箭少女」合个影！

腾讯云开发TCB • 2023-01-02 • 云技术社区 • 484 阅读

和平精英项目与“火箭少女”开启了主题活动。3月18日上线“火箭少女”101与游戏特种兵人脸融合的小程序活动。人脸融合技术由腾讯云AI团队提供支持，采用优图新融合算法在GPU上实现人脸融合功能，新融合的特点就是保证与这类动漫人物或虚拟人物的融合度达到自然、贴合完成换脸的视觉感受。

在这个活动中，我们使用小程序来承载整体的活动，并借助云开发快速且高效的实现了「与火箭少女合影」的效果。目前活动已经结束，小程序已无下架无法体验，我们录制了一段项目流程视频供大家观看体验：

视频链接：https://v.qq.com/x/page/e0952ys2mjh.html

小程序具体的合影功能使用了腾讯云 AI 的人脸融合功能，通过人脸融合，实现了合影的功能。

整体的架构比较简单，小程序侧调用云函数进行处理，云函数侧直接调用 AI 的人脸融合接口，前端直接完成相关功能的接入。

相关代码逻辑可以参考如下的代码

小程序端代码

// 在小程序侧主要是读取图片，并借助云函数的参数对数据进行上传。
Page({
  callFaceFusion: function (photo) {
    wx.cloud.callFunction({
      name: 'FaceFusion',
      data: {
        //合成的原始图片
        image: photo,
        //素材ID
        modelId: __this.data.modelNowId
      },
      complete: res => {
        this.setData({
          faceFusionRes: res.result.Image,
          photoStatus: 'step3',
          canvasTop: '-600px'
        })
      }
    })
  }
})

云函数代码

const { SecretId, SecretKey } = require('./tencentcloud_secret.json')
const cloud = require('wx-server-sdk')
const tencentcloud = require('tencentcloud-sdk-nodejs')
cloud.init()
//tencentCloud API
const FacefusionClient = tencentcloud.facefusion.v20181201.Client;
const models = tencentcloud.facefusion.v20181201.Models;
const Credential = tencentcloud.common.Credential;
const ClientProfile = tencentcloud.common.ClientProfile;
const HttpProfile = tencentcloud.common.HttpProfile;
let cred = new Credential(SecretId, SecretKey);
let httpProfile = new HttpProfile();
httpProfile.endpoint = "facefusion.tencentcloudapi.com";
let clientProfile = new ClientProfile();
clientProfile.httpProfile = httpProfile;
let client = new FacefusionClient(cred, "ap-guangzhou", clientProfile);
let req = new models.FaceFusionRequest();
/**

 * formatting arraybuffer to base64
   *
 * @param {Array} array Uint8Array格式化后的普通数组
   */
   function arrayBufferToBase64(array) {
     const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
     let bytes = new Uint8Array(array);
     let len = bytes.length;
     let base64 = "";
     for (let i = 0; i < len; i += 3) {
   base64 += chars[bytes[i] >> 2];
   base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)];
   base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)];
   base64 += chars[bytes[i + 2] & 63];
     }
     if ((len % 3) === 2) {
   base64 = base64.substring(0, base64.length - 1) + "=";
     } else if (len % 3 === 1) {
   base64 = base64.substring(0, base64.length - 2) + "==";
     }
     return base64;
   }
   // 云函数入口函数
   exports.main = async (event, context) => {
     // 图片转 Base 64
     let imageBase64 = arrayBufferToBase64(event.image);
     // 构建参数
     let params = '{"ProjectId":"123456","ModelId":"' + event.modelId + '","Image":"' + imageBase64 + '","RspImgType":"url ","PornDetect":1,"CelebrityIdentify":1}'
     req.from_json_string(params);
     return new Promise((resolve, reject) => {
   // 调用 API
   client.FaceFusion(req, function (errMsg, response) {
     if (errMsg) {
       console.log(errMsg);
       resolve(errMsg)
     }
     resolve(response)
   });
     })
   }
展开