如何前端对接豆包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

从拼搭到人工智能:青少年机器人编程的系统化学习攻略

很多家长问我:“孩子今年X岁,对乐高和编程感兴趣,想学机器人,到底该怎么开始?家里正好有一套泺喜的教具,该怎么利用起来?” 作为一位深耕青少儿编程教育的从业者,我想说:机器人编程不是单纯写代码,它是机械工程、电子电路和计算机科学的综合体。 如果学习路径走错了,很容易在某个阶段遇到瓶颈,导致孩子产生畏难情绪而放弃。而泺喜的金属教具,以其高精度、高强度、接近工业级的特点,为孩子提供了一条更硬核、更贴近真实工程的成长路径。 今天,我们就来梳理一套适合青少年、并结合泺喜教具特色的 “机器人编程系统化学习金字塔” ,帮助孩子从零基础一路通关到人工智能。 第一阶段:机械启蒙与动手感知(6-9岁) 关键词:金属构件、螺丝紧固、传动原理 这个年龄段的孩子还处于皮亚杰认知理论中的“前运算阶段”向“具体运算阶段”过渡期。他们无法理解抽象的语法,但能通过双手感知物理世界。 * 学习内容: 1. 机械搭建:使用泺喜的金属构件(梁、板、轴、齿轮、螺丝螺母),学习使用螺丝刀、

企业微信Webhook机器人集成终极指南:快速上手指南

企业微信Webhook机器人集成终极指南:快速上手指南 【免费下载链接】wework-wehook-starter 项目地址: https://gitcode.com/gh_mirrors/we/wework-wehook-starter 在当今快节奏的企业环境中,如何高效地将系统通知、业务数据实时推送到团队协作平台?企业微信Webhook机器人正是解决这一痛点的利器。本文将带你从零开始,快速掌握这款高效消息推送工具的使用方法。 🤔 为什么选择这款工具?三大理由告诉你 1. 极简配置,开箱即用 无需复杂的环境搭建,只需简单配置即可快速集成到现有Java项目中,大幅缩短开发周期。 2. 全面覆盖企业微信消息类型 无论是简单的文本通知,还是复杂的图文卡片、Markdown格式报告,都能轻松应对。 3. 面向对象设计,代码更优雅 通过实体类封装消息结构,让你的代码更加清晰易读,维护成本显著降低。 🚀 快速开始:四步完成集成 第一步:项目依赖配置 在项目的pom.xml文件中添加以下依赖: <dependency> <groupId>

小白学习笔记(javaweb前端三大件)

概念: html文件是浏览器负责解析和展示 html文件是纯文本文件,普通的编辑工具都可以编辑。 html注释的写法: 专业词汇: 语法细节: HTML的常见标签: 标题,段落,换行 <!-- 标题 h1-h6(其中,h1的字体最大,越往后越小) 段落 p 换行 br hr(其中br就是普通换行,hr是带分割线的换行) --> 效果: 列表: 有序列表(ol),无序列表(ul): <!DOCTYPE html> <html lang="en"> <head> <meta charset=

【前端地图】地图开发基础概念——地图服务类型(矢量图、卫星图、地形图)、WGS84 / GCJ-02 / BD09 坐标系、地图 SDK 简介

【前端地图】地图开发基础概念——地图服务类型(矢量图、卫星图、地形图)、WGS84 / GCJ-02 / BD09 坐标系、地图 SDK 简介

🌍第1节 | 地图开发基础概念——地图服务类型(矢量图、卫星图、地形图)、WGS84 / GCJ-02 / BD09 坐标系、地图 SDK 简介 🎯 学习目标 老曹说:“别急着敲代码,先搞懂地图是个啥玩意儿!不然你画个圈都可能画歪。” 1. 🧠 理解地图服务的基本类型及其应用场景 2. 🔍 掌握 WGS84、GCJ-02、BD09 三大坐标系的区别与转换原理 3. 🛠️ 熟悉主流地图 SDK 的核心功能与适用场景 4. 🧩 构建对地图开发的整体认知框架 🧠 引言:地图不是纸,是数据! 你以为地图就是一张平面图?Too young too simple!现代前端地图开发本质上是对空间数据的可视化与交互处理。它融合了地理信息系统(GIS)、计算机图形学、前端工程化等多个领域的知识。 老曹吐槽时间: “有人问我为啥地图开发这么难?我说:因为你不仅要会前端,还得懂地球科学!