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

OpenClaw配置Bot接入飞书机器人+Kimi2.5

OpenClaw配置Bot接入飞书机器人+Kimi2.5

上一篇文章写了Ubuntu_24.04下安装OpenClaw的过程,这篇文档记录一下接入飞书机器+Kimi2.5。 准备工作 飞书 创建飞书机器人 访问飞书开放平台:https://open.feishu.cn/app,点击创建应用: 填写应用名称和描述后就直接创建: 复制App ID 和 App Secret 创建成功后,在“凭证与基础信息”中找到 App ID 和 App Secret,把这2个信息复制记录下来,后面需要配置到openclaw中 配置权限 点击【权限管理】→【开通权限】 或使用【批量导入/导出权限】,选择导入,输入以下内容,如下图 点击【下一步,确认新增权限】即可开通所需要的权限。 配置事件与回调 说明:这一步的配置需要先讲AppId和AppSecret配置到openclaw成功之后再设置订阅方式,

【机器人】复现 StreamVLN 具身导航 | 流式VLN | 连续导航

【机器人】复现 StreamVLN 具身导航 | 流式VLN | 连续导航

StreamVLN 通过在线、多轮对话的方式,输入连续视频,输出动作序列。 通过结合语言指令、视觉观测和空间位姿信息,驱动模型生成导航动作(前进、左转、右转、停止)。 论文地址:StreamVLN: Streaming Vision-and-Language Navigation via SlowFast Context Modeling 代码地址:https://github.com/OpenRobotLab/StreamVLN 本文分享StreamVLN 复现和模型推理的过程~ 下面是示例效果: 1、创建Conda环境 首先创建一个Conda环境,名字为streamvln,python版本为3.9; 然后进入streamvln环境,执行下面命令: conda create -n streamvln python=3.9 conda activate streamvln 2、 安装habitat仿真环境

无人机和地面站能够达到的多远的通信距离?无人机需要飞多高?附在线计算网页

无人机和地面站能够达到的多远的通信距离?无人机需要飞多高?附在线计算网页

无人机和地面站能够达到的多远的通信距离?无人机需要飞多高?附在线计算网页 在无人机组网通信中,如何估算无人机与地面站之间的稳定通信距离是一个常见的问题。本文将从地球曲率和菲涅尔区两个方面,详细探讨如何计算无人机与地面站的通信距离,并提供一个在线计算网页以方便读者进行实际计算。 经常有朋友会问到这个问题, * 无人机组网通信中,如果已经知道了无人机的飞行高度、地面站天线的高度,那么无人机和地面站稳定通信距离是多少km? * 无人机组网通信中,如果已经知道了地面站天线高度、期望的稳定通信距离,无人机需要飞多高才能满足期望的通信距离? 解答这个问题,需要从以下两个方面来考虑: 1. 无线通信距离受到地球曲率的影响 2. 无线通信距离受到空间传输通道的影响。 注意:本文不讨论由于发射端EIRP不够,链路余量不足引起的通信距离不足的问题,所有的计算和分析都是假设发射端EIRP足够,链线余量足够,仅仅考虑地球曲率和空间传输通道的影响。 地球曲率(无线信号传输的视距模型):解决能否看见的问题 无人机与地面电台之间的最远通讯距离受地球曲率限制,通常采用考虑大气折射的无线电视距

AI不是前端/UI的“终结者”,而是提升的“加速器”

AI不是前端/UI的“终结者”,而是提升的“加速器”

最近团队里的讨论越来越频繁:“XX用AI生成可视化大屏原型,半天就交了初稿”“Figma的AI插件直接把线框图转成高保真,切图都省了”“领导说以后简单的管理系统界面,让AI先出一版再改”。随之而来的是藏不住的焦虑:连最吃经验的视觉排版、组件适配都能被AI搞定,我们这些前端/UI从业者是不是迟早要被替代? 这种焦虑并非空穴来风,但恰恰走进了一个认知误区——把AI当成了抢饭碗的“终结者”,却忽略了它作为效率工具的核心价值。对于我们做网站建设、数字孪生、工控界面这些业务的前端/UI人来说,AI从来不是要取代我们,而是帮我们跳出重复劳动、承接更多项目、拿到更高提成的“推进器”。搞懂这一点,才能在技术迭代中站稳脚跟,而不是被焦虑牵着走。 一、先厘清:前端/UI领域的AI,到底是什么? 先别忙着恐慌,我们先给行业里的AI工具定个性——它不是能独立完成项目的“超级程序员”,而是精准匹配前端/UI工作场景的“高级辅助工匠”。具体来说,就是基于大量行业数据训练,能快速完成重复性、模板化工作的工具集合,核心作用是“减少基础工作量”,而非“替代核心决策”。 我们可以按工作场景把这些AI工具分