如何前端对接豆包api并在抖音直播间实现互动(1/3):注册豆包apikey

如何前端对接豆包api并在抖音直播间实现互动(1/3):注册豆包apikey

       前段时间,我女朋友公司正忙着抖音直播买红酒的业务,头疼的是,直播间的在线人数一直少得可怜,每次开播都是寥寥无几的观众,愁得唉声叹气。正好那段时间我手头没什么急事,闲着也是闲着,突然蹦出一个想法,能不能做个插件帮她盘活直播间的氛围。

        核心思路就是用前端技术打通几个关键环节:一方面对接豆包的智能对话接口,另一方面嵌入计时器功能,再加上网页元素捕捉的模块。

        我去市面上搜了一圈,发现好像还真没有类似的工具。其实这个插件的技术难度不算高,无非是把前端的页面交互、接口调用和网页抓取这些基础技能整合到一起,但感觉特别有意思,看到插件在直播间里正常运转,那种成就感真的很难得。更重要的是,这个小玩意儿能帮到她,让她不用再为直播间没说话而发愁,这就足够了。

首先我们要先去豆包api的官网,进行相关注册和申请权限。

1.访问官网进行相关注册

火山引擎-你的AI云https://www.volcengine.com/

2.注册完成后点击上面产品找到豆包大模型

3.进入控制台后点击进入apikey管理并创建apikey

此时我们已经完成apikey的创建,但是这时候还不能使用这个秘钥直接调用api接口,调用会说你没权限,因为我们还没有开通豆包接口权限,意味着我们只有钥匙,还没有权限。

4.进入开通管理,我们可以看到这里面有很多豆包的接口服务,还有deepseek的接口(我感觉是代理的)        

5.我们点击第一个Doubao-Seed-1.8,选择后面的开通服务

6.记得选择安心模式,否则后面如果你要是免费额度使用完了会自动扣费。(默认就是安心模式)选择后开启实名认证(这玩意不实名也不可能)

之后会让选择微信或抖音扫脸,这个看个人喜好,都一样的(涉及隐私,这里就不过多展示了)

7.扫脸完成后刷新页面,即可看见开通服务变成了关闭服务,这样就开通完成了。

8.验证调用是否成功

(1)打开postman(postman都有吧,没有去下载一个,地址如下)

Download Postman | Get Started for Freehttps://www.postman.com/downloads/(2)导入以下代码,我都给整理好了别乱改,里面Bearer后面有个空格,空格后面写你刚才申请的apikey,空格后面写你刚才申请的apikey,空格后面写你刚才申请的apikey,重要事情说三遍,别直接复制过去不改调用失败哈。

        (注意:豆包给的示例代码里的model跟你实际申请的不一样,调用会报错,所以用我这个就行,注意的是如果你申请的model不是1.8,那需要去修改成对应的model才可以调用,否则会提示报错。)

curl --location --request POST 'https://ark.cn-beijing.volces.com/api/v3/chat/completions' \ --header 'Content-Type: application/json' \ --header 'Authorization: Bearer 这里写你的apikey' \ --data-raw '{ "model": "doubao-seed-1-8-251228", "messages": [ { "role": "user", "content": "你好" } ] }'

        2.1导入方式:选择左上角的import

        2.2按图中操作步骤进行导入

(3)导入完成后点击body,检查是否导入成功,如果如图所示有东西那就是成功了,然后点击send进行报文发送测试。

注意:postman有时候会出现导入curl后无法修改body内容,可以点击右上方保存报文,然后重启软件就可以了

(4)返回对应的回答就是成功了哈

注意:豆包思考过程稍微有点久,就像网页你问问题之后他思考之后才会回复你,所以会感觉点击send之后像没有收到相应一样,是正常现象,等待10秒左右就会回复,另外问题越难,回复的也越慢。

(5)对于想了解其他功能的开发,也可以在火山引擎api文档查看其他调用模式,这里就不过多介绍了,具体文档地址:对话(Chat) API--火山方舟大模型服务平台-火山引擎https://www.volcengine.com/docs/82379/1494384?lang=zh

9.本章节后记:如何让豆包回答的问题像真人,且不要加那么多修饰语呢?

提问话术:随机生成一个适合直播间互动的问题,表现的像一个正常人首次进入直播间,20字以内,不要说其他的。

注意:提问的话术不要太长,因为豆包的api不是按照次数去扣减的,而是token量,就是你问的越长,他扣减的越多,所以如果是个人开发者,自己不想花钱,就尽量缩短提问,精简回答。

OK,本章到此就结束了,本来想小写一下的,结果操作步骤还是挺多的,下一章我介绍一下如何将豆包写入网页插件,并实现直播间自动提问。

Read more

白嫖专业版!Github Copilot Pro竟然可以免费使用

今天有个好消息要和大家分享: GitHub Copilot 已在 Visual Studio Code 上免费开放! 无论是谁,都能畅享 AI 助力下的高效开发新体验! 如何免费在vscode中使用copilot * 下载最新版本的 VS Code https://code.visualstudio.com/Download 如果下载慢,可以通过下面的网盘链接获取: https://pan.quark.cn/s/3fb6dcedfed8 * 打开vscode编译器,按照下面步骤操作 这时候就可以看到账户已经启用Copilot Free copilot Free 和copilot Pro主要功能对比 功能FreePro消息和互动每月最多 50 个无限实时代码建议每月最多 2,000无限上下文感知编码支持和解释支持支持VS Code 中的多文件编辑支持支持切换模型支持支持GitHub 中的代码审查不支持支持拉取请求中的 Copilot Workspace不支持支持VS Code 中的 Java

VScode Cline 中免费使用 gpt 5.4 和copilot 中的模型

VScode Cline 中免费使用 gpt 5.4 和copilot 中的模型

前提:vscode 安装 cline 插件(默认都会), gpt plus 账户(联系我获取), github copilot 会员权益账户(有教程链接) 一、通过授权登录 ChatGPT plus 账户,使用gpt-5.4 1、打开cline 设置; 2、API Provider选择:ChatGPT Subscription,授权登录即可;   3、显示如下即可使用gpt -5.4(1M上下文,相比与5.3-codex 400k 提升了1倍多); 二、使用github copilot 中的模型; 1、安装 github copilot 插件并登录你有会员权益的 github 账户;

Copilot的Plan模式到底好在哪?

Copilot的Plan模式到底好在哪?

Copilot的Plan模式到底好在哪? 本文共 1696 字,阅读预计需要 3 分钟。 Hi,你好,我是Carl,一个本科进大厂做了2年+AI研发后,裸辞的AI创业者。 GitHub Copilot 在 VS Code 里提供了四种内置 Agent:Agent、Plan、Ask、Edit。 很多人搞不清楚 Plan 模式和 Agent 模式有什么区别——"不都是让 AI 帮我写代码吗?" 本文会从官方设计理念出发,拆解 Plan 模式的三个核心特点,并告诉你什么场景下应该选 Plan,什么时候直接用 Agent 更高效。 Plan 模式是什么?官方定义拆解 先看官方怎么说。 根据 GitHub 官方