站点图标 谷姐靓号网

【ChatGPT3.5】简洁风格DEMO [支持语音输入和朗读功能]-xqdoo00o

Rate this post

只要部署一个HTML文件,配合nginx反代使用。

Demo地址: https://xqdoo00o.github.io/chatgpt-web/ (使用需配置自定义API key,正常访问api.openai.com)

支持复制,刷新,语音输入,朗读,新会话等功能,可自定义非常多的选项。

不用搭建环境、编译等复杂步骤,使用起来非常简单。

项目地址:https://github.com/xqdoo00o/chatgpt-web

热议
推荐楼 xqdoo00o 2023-3-8 17:55:30

katex更好! 加载更快了

增加好了

推荐楼 congtoukaisi 2023-3-6 09:36:47

就没有仿官方的么

推荐楼 lamb 2023-3-6 08:07:55

能不能让访客填写自己的key?

推荐楼 xqdoo00o 2023-3-5 21:40:04

没有代码块复制啊

一会儿加一下

2楼 莆田郑少斌 2023-3-5 00:41:51

没有代码块复制啊

3楼 机长 2023-3-5 01:26:38

这还不被刷欠费

4楼 netboy 2023-3-5 06:04:06

不错,支持一下

6楼 genexis 2023-3-5 21:42:36

7楼 学到了么 2023-3-5 21:48:03

大佬升级 增加块复制啊

8楼 神秘北极圈 2023-3-5 21:50:09

还是应该让用户放自己key,不然吃不消

9楼 xqdoo00o 2023-3-6 00:09:38

大佬升级 增加块复制啊

已经改好了

10楼 blacklife 2023-3-6 00:34:50

感谢分享,点赞!

12楼 happy61 2023-3-6 08:03:17

这个不错,我喜欢

13楼 lamb 2023-3-6 08:07:55

能不能让访客填写自己的key?

14楼 暗夜精灵 2023-3-6 08:13:55

感谢 大佬

15楼 TinFeng 2023-3-6 09:20:18

很不错

16楼 congtoukaisi 2023-3-6 09:36:47

就没有仿官方的么

17楼 yuqaf1989 2023-3-6 09:59:35

这还不被刷欠费

如果个人自用, 套个 nginx 的 basic auth走https 也是可以的, 两条location 都一定要加上参考 https://docs.nginx.com/nginx/admin-guide/security-controls/configuring-http-basic-authentication/

18楼 poly 2023-3-6 10:50:42

触发 API 调用频率限制,请稍后重试!这是什么问题

19楼 xqdoo00o 2023-3-6 11:08:08

触发 API 调用频率限制,请稍后重试!这是什么问题

就是用的太频繁了,超过一分钟20次请求 就会报错

20楼 xqdoo00o 2023-3-6 16:55:59

还是应该让用户放自己key,不然吃不消

让用户放自己key很难信任吧

22楼 xqdoo00o 2023-3-6 17:24:10

触发 API 调用频率限制,请稍后重试!

因为要配合nginx反代 添加自己的api key的

23楼 xuhao0080 2023-3-6 17:39:37

大佬能不能顺便支持一下mathjax

24楼 xqdoo00o 2023-3-7 16:10:12

大佬能不能顺便支持一下mathjax

今天有空可以加下,不过应该是katex

25楼 xuhao0080 2023-3-7 23:41:01

今天有空可以加下,不过应该是katex

katex更好! 加载更快了

26楼 xqdoo00o 2023-3-8 17:55:30

katex更好! 加载更快了

增加好了

27楼 xqdoo00o 2023-3-13 22:12:55

能不能让访客填写自己的key?

修改好了

28楼 Tou 2023-3-13 22:41:44

写的挺好的,支持一下

29楼 lamb 2023-3-13 22:57:11

修改好了

支持大佬,加到我的博客上刚刚好

30楼 xqdoo00o 2023-3-14 20:38:35

增加了系统角色和性格选项

32楼 lamb 2023-3-15 22:53:13

修复了卡顿,可以更新下

好,刚刚更新完,给大佬点个赞

33楼 张大牛 2023-3-16 01:01:37

战略性make

34楼 niwentao 2023-3-16 10:28:57

Mark

35楼 xqdoo00o 2023-3-18 16:34:46

好,刚刚更新完,给大佬点个赞

更新了朗读功能,edge上使用最佳

37楼 xqdoo00o 2023-3-18 19:45:29

太棒了,不过我触发了一个错误:触发API调用频率限制,请稍后重试!

我不知道是否是交谈的内容出了问题, ...

这段对话之前有其他对话吗,开启连续对话了吗, 开启长回复了吗

38楼 zhongziso 2023-3-18 19:55:10

mark

39楼 ChristineQAQ 2023-3-18 21:16:18

是不是单次对话有上限啊,好像问的问题多了他就会提示api调用频繁

40楼 燕十三丶 2023-3-18 21:18:04

不错的项目

42楼 lamb 2023-3-18 23:07:45

更新了朗读功能,edge上使用最佳

好,我去更新试试

43楼 poly 2023-3-18 23:28:15

可以了,上次的有问题,这个很棒

44楼 hdown 2023-3-21 10:55:47

对,默认4096token,你可以把设置里 连续对话关掉

4096个词语吗?还是4096次对话?

45楼 1518704474 2023-3-21 16:46:54

大佬,反代怎么弄啊,小白不懂怎么在宝塔里弄

46楼 进来看看 2023-3-21 16:58:02

真心不错,速度很快,功能又全,用着很舒服啊,

47楼 xqdoo00o 2023-3-22 16:09:19

4096个词语吗?还是4096次对话?

都不是,openai有自己的计算规则,中文大概是1个汉字=1个token,英文的话一个单词=1个token

48楼 genexis 2023-3-22 16:37:37

有宝塔教程吗,不会反向代理

49楼 cg865 2023-3-22 17:33:10

MARK
这个要支持。

50楼 genexis 2023-3-22 19:50:23


大佬这个怎么解决,文件有bug?

52楼 大兔子 2023-3-22 20:30:57

你们搞定了,我怎么弄都是不行啊,是啥问题

53楼 shawpan 2023-3-22 20:44:50

mark

54楼 xqdoo00o 2023-3-22 21:11:15

大佬这个怎么解决,文件有bug?

直接网页打开这个接口地址,如果显示404就是没部署好反代

改成

    https://api.openai.com/v1/chat/completions

,把api.openai.com加入代理列表。也可以用的。

56楼 genexis 2023-3-22 21:37:23

因为国内openai接口被Q了,所以要搭配nginx反代的。如果没反代的话,HTML里的改成 ,把api.openai.com ...

感谢,这样成功了

57楼 genexis 2023-3-22 21:46:15

因为国内openai接口被Q了,所以要搭配nginx反代的。如果没反代的话,HTML里的改成 ,把api.openai.com ...

但是这样改,不翻墙永不了了。机器是美国的,api.openai.com可以正常访问。

58楼 lamb 2023-3-22 21:47:50

但是这样改,不翻墙永不了了。机器是美国的,api.openai.com可以正常访问。 ...

他好像是本地发起请求的,所以用cf反代一下就行了

59楼 xqdoo00o 2023-3-22 21:49:47

但是这样改,不翻墙永不了了。机器是美国的,api.openai.com可以正常访问。 ...

你的nginx反代配置是啥样的

60楼 genexis 2023-3-22 21:52:50

你的nginx反代配置是啥样的

62楼 genexis 2023-3-22 22:06:26

反代就是个proxy_pass吧哪儿来的路径呢?

64楼 genexis 2023-3-22 22:13:09

比如说示例里的都是在/路径下。如果你的html地址是www.aaa.com/chatgpt/index.html, 那反代接口nginx的lo ...

网址就是xxx.com/index.html,应该没有错

65楼 爱国者捣蛋 2023-3-23 16:43:21

这里最后配置的index index.html;就是你的html文件吧。html要跟反代接口要在同一路径下,比如说示例里的 ...

我在bt里改也报错
请问怎么才能用本地默认的key呢(不让用户输入了)

66楼 xqdoo00o 2023-3-23 22:12:20

我在bt里改也报错
请问怎么才能用本地默认的key呢(不让用户输入了)

key不能直接放HTML里吧,不安全。
加个反代默认就是用nginx设置的api key.
就算是让用户输入apikey也是记住的,下次用不用输入了。

67楼 kknd22 7天前

key不能直接放HTML里吧,不安全。
加个反代默认就是用nginx设置的api key.
就算是让用户输入apikey也是记 ...

key要是想写死的话,放到哪里呢?

68楼 klocal 7天前

大佬,这个key 到底如何填呢,怎么都是提示触发api调用频率,我觉得是我填写的位置不对。

69楼 xqdoo00o 7天前

大佬,这个key 到底如何填呢,怎么都是提示触发api调用频率,我觉得是我填写的位置不对。 ...

十有**是nginx反代没部署对。
国内直接使用openai接口是被Q的,所以要搭配nginx反代,并且反代服务器要正常访问api.openai.com
如果没有部署反代的话,index.html里的v1/chat/completions改成https://api.openai.com/v1/chat/completions,并把接口地址api.openai.com加到梯子代理列表,只部署HTML文件的话也能用。(如果是其他用户使用,也要梯子才能用)

70楼 xqdoo00o 7天前

key要是想写死的话,放到哪里呢?

放到nginx反代里,就写死了。

72楼 klocal 7天前

#开启openai接口的gzip压缩,大量重复文本的压缩率高,节省服务端流量
gzipon;
gzip_min_length 1k;
gzip_types text/event-stream;

#如需部署在网站子路径,如/chatgpt,配置如下
#location ^~ /chatgpt/v1 {
location ^~ /www/wwwroot/{
proxy_pass https://api.openai.com/v1;
proxy_set_header Host api.openai.com;
#如需用户自定义API key,可注释掉下一行配置
proxy_set_headerAuthorization "";
proxy_pass_header Authorization;
#流式传输,不关闭buffering缓存会卡顿卡死,必须配置!!!
proxy_buffering off;

}
#与上面反代接口的路径保持一致
#location /chatgpt {
location / {
alias /www/wwwroot/;
index index.html;
}

这个这样填写是否正确呢?

73楼 thaizxj 7天前

收藏备用

74楼 kknd22 7天前

放到nginx反代里,就写死了。

大佬我想放到那个单文件里,因为我不会配nginx。。。

75楼 xqdoo00o 7天前

大佬我想放到那个单文件里,因为我不会配nginx。。。

不配nginx的话,要连着梯子才能用。
你可以把index.html里的v1/chat/completions改成https://api.openai.com/v1/chat/completions,并把接口地址api.openai.com加到梯子代理列表。只部署HTML文件,Demo设置里填key,连着梯子就能用了
或者直接我的Demo地址https://xqdoo00o.github.io/chatgpt-web/

76楼 xqdoo00o 7天前

#开启openai接口的gzip压缩,大量重复文本的压缩率高,节省服务端流量
gzipon;
gzip_min_length 1k;

嗯,把这些配置放到nginx的server配置里

77楼 klocal 7天前

嗯,把这些配置放到nginx的server配置里

大佬 就是这么放结果还是不行啊

78楼 klocal 7天前

不配nginx的话,要连着梯子才能用。
你可以把index.html里的v1/chat/completions改成https://api.openai. ...

这个可以了

79楼 kknd22 6天前

不配nginx的话,要连着梯子才能用。
你可以把index.html里的v1/chat/completions改成https://api.openai. ...

我发现我不用t子就能用,但是我想把这个发布出来,手机能用,所以想把key直接写死在html里,现在情况是,我直接把key放到input class="inputTextClass" 的那个placeholder=里,结果不管用,请问应该怎么写呢?

80楼 aqinhai 6天前

怎么添加默认KEY

82楼 kknd22 4天前

放value=里,但是这样,key很容易泄露的,除非加密码啥的

不知为何,一直弹触发调用频率。。

83楼 四面楚歌 3天前

感谢开源!缺个余额

84楼 hanxi 3天前

嗯,把这些配置放到nginx的server配置里

国外服务器不用配梯子也能用吧?!

85楼 hanxi 3天前

genexis 发表于 2023-3-22 21:52

sk前面得有Bearer
注意看他原来的格式

86楼 xqdoo00o 3天前

国外服务器不用配梯子也能用吧?!

确实

87楼 四面楚歌 1小时前

大佬,前面近一周都正常,昨天一共只用了0.01$,一直触发API调用频率限制,请稍后重试!

申明:本文内容由网友收集分享,仅供学习参考使用。如文中内容侵犯到您的利益,请在文章下方留言,本站会第一时间进行处理。

退出移动版