干货分享｜GPT虚拟直播的设计与实战

摘要

ChatGPT和元宇宙都是当前数字化领域中非常热门的技术和应用。结合两者的优势和特点，可以探索出更多的应用场景和商业模式。例如，在元宇宙中使用ChatGPT进行自然语言交互，可以为用户提供更加智能化、个性化的服务和支持；在ChatGPT中使用元宇宙进行虚拟现实体验，可以为用户提供更加真实、丰富、多样化的交互体验。
下面我将结合元宇宙和ChatGPT的优势，实战开发一个GPT虚拟直播的Demo并推流到抖音平台，

NodeJS接入ChatGPT与即构ZIM

上一篇文章《人人都能用ChatGPT4.0做Avatar虚拟人直播》，主要介绍了如何使用ChatGPT+即构Avatar做虚拟人直播。由于篇幅原因，对代码具体实现部分描述的不够详细。收到不少读者询问代码相关问题，接下来笔者将代码实现部分拆分2部分来详细描述:

1. NodeJS接入ChatGPT与即构ZIM
2. ChatGPT与即构Avatar虚拟人对接直播

本文主要讲解如何接入ChatGPT并实现后期能与Avatar对接能力。

在开始讲具体流程之前，我们先来回顾一下整个GPT虚拟直播Demo的实现流程图,本文要分享的内容是下图的右边部分的实现逻辑。

1 基本原理

ChatGPT是纯文本互动，那么如何让它跟Avatar虚拟人联系呢？
首先我们已知一个先验：

• 即构Avatar有文本驱动能力，即给Avatar输入一段文本，Avatar根据文本渲染口型+播报语音
• 将观众在直播间发送的弹幕消息抓取后，发送给OpenAI的ChatGPT服务器
• 得到ChatGPT回复后将回复内容通过Avatar语音播报
  在观众看来，这就是在跟拥有ChatGPT一样智商的虚拟人直播互动了。

2 本文使用的工具

• GPT虚拟直播弹幕：即构ZIM语聊房群聊弹幕
• GPT4.0:New bing
• GPT3.5：ChatGPT

3 对接ChatGPT

这里主要推荐2个库：

• chatgpt-api
• chatgpt

chatgpt-api封装了基于bing的chatgpt4.0，chatgpt基于openAI官方的chatgpt3.5。具体如何创建bing账号以及如何获取Cookie值以及如何获取apiKey，可以参考我另一篇文章《人人都能用ChatGPT4.0做Avatar虚拟人直播》。

3.1 chatgpt-api

安装：

npm i @waylaidwanderer/chatgpt-api

bing还没有对中国大陆开放chatgpt，因此需要一个代理，因此需要把代理地址也一起封装。代码如下：

import {
    BingAIClient } from '@waylaidwanderer/chatgpt-api';

export class BingGPT {
   
    /*
    * http_proxy, apiKey
    **/
    constructor(http_proxy, userCookie) {
   
        this.api = this.init(http_proxy, userCookie);
        this.conversationSignature = "";
        this.conversationId = "";
        this.clientId = "";
        this.invocationId = "";
    }
    init(http_proxy, userCookie) {
   
       console.log(http_proxy, userCookie)
        const options = {
    
            host: 'https://www.bing.com', 
            userToken: userCookie,
            // If the above doesn't work, provide all your cookies as a string instead
            cookies: '',
            // A proxy string like "http://<ip>:<port>"
            proxy: http_proxy,
            // (Optional) Set to true to enable `console.debug()` logging
            debug: false,
        };

        return new BingAIClient(options);
    }
    //
    //此处省略chat函数......
    //
} 

上面代码完成了VPN和BingAIClient的封装，还缺少聊天接口，因此添加chat函数完成聊天功能：

//调用chatpgt 
chat(text, cb) {
   
    var res=""
    var that = this;
    console.log("正在向bing发送提问", text ) 
    this.api.sendMessage(text, {
    
        toneStyle: 'balanced',
        onProgress: (token) => {
    
            if(token.length==2 && token.charCodeAt(0)==55357&&token.charCodeAt(1)==56842){
   
                cb(true, res);
            } 
            res+=token;
        }
    }).then(function(response){
    
        that.conversationSignature = response.conversationSignature;
        that.conversationId = response.conversationId;
        that.clientId = response.clientId;
        that.invocationId = response.invocationId;
    }) ;  

}

在使用的时候只需如下调用：

var bing = new BingGPT(HTTP_PROXY, BING_USER_COOKIE);
bing.chat("这里传入提问内容XXXX?", function(succ, response){
   
    if(succ)
        console.log("回复内容：", response)
})

需要注意的是，基于bing的chatgpt4.0主要是通过模拟浏览器方式封住。在浏览器端有很多防机器人检测，因此容易被卡断。这里笔者建议仅限自己体验，不适合作为产品接口使用。如果需要封装成产品，建议使用下一节2.2内容。

3.2 chatgpt

安装:

npm install chatgpt

跟上一小节2.1类似，基于openAI的chatgpt3.5依旧需要梯子才能使用。chatgpt库没有内置代理能力，因此我们可以自己安装代理库：

npm install https-proxy-agent node-fetch

接下来将代理和chatgpt库一起集成封装成一个类：

import {
    ChatGPTAPI } from "chatgpt";
import proxy from "https-proxy-agent";
import nodeFetch from "node-fetch";

export class ChatGPT {
   
  
    constructor