OpenAI直播发布第4天:ChatGPT Canvas全面升级,免费开放!

大家好,我是木易,一个持续关注AI领域的互联网技术产品经理,国内Top2本科,美国Top10 CS研究生,MBA。我坚信AI是普通人变强的“外挂”,专注于分享AI全维度知识,包括但不限于AI科普AI工具测评AI效率提升AI行业洞察。关注我,AI之路不迷路,2024我们一起变强。

今天是OpenAI连续12天直播发布会的第4天。关于OpenAI本次的宣传“噱头”详情,可以看我这篇文章。

本系列将在每个工作日持续更新,为小伙伴们带来第一手的更新解读,敬请关注。

Day 4 发布内容

早在进行直播活动的预热时,OpenAI就表示这12天里的发布内容有大有小。如果说第1天的满血版o1模型和第3天的文生视频模型Sora算是大更新,那么今天这个第4天的更新一定属于“小”更新。

今日更新关键词:ChatGPT Canvas

OpenAI今天发布了全面升级的ChatGPT Canvas功能,面向所有用户开放(当然也包括ChatGPT免费用户),通过引入文档编辑Python代码执行能力,支持实时协作创作、自动调试和内容优化,并支持集成至自定义的GPT中。

通过升级后的工具栏和修改预览等功能,Canvas提供了一个协作式的文档和代码编辑环境,支持共同编辑、快捷操作、针对性反馈,能够大幅提升写作与编程效率。

ChatGPT Canvas是什么?

ChatGPT Canvas是OpenAI今年10月基于ChatGPT推出的新功能,自推出以来一直处于beta测试阶段。

OpenAI官方称Canvas为“A new way of working with ChatGPT to write and code”,从这也能看出来ChatGPT Canvas是干什么的:针对写作和编程任务推出的全新功能,旨在提升利用ChatGPT创作的效率。

Canvas在英文里有“画布”之意,通过引入独立的可视化工作区,用户可以与ChatGPT进行协作,而不再局限于单纯的对话交互。在写作方面,Canvas提供AI编辑和写作辅助功能,包括建议修改、调整文本长度、更新阅读水平、添加表情符号等。在编程方面,Canvas支持代码转换和bug修复,今天起,用户可以直接在Canvas中运行Python代码,查看输出结果,如文本或图形。此外,Canvas还支持集成到自定义GPTs中,使用户能够在特定任务中利用Canvas功能。

目前,Canvas已向所有用户开放使用,支持模型为GPT-4o

ChatGPT Canvas全面升级

  • 协作式文档编辑:
    • 左右分屏: 左侧为常规的ChatGPT对话界面,右侧为Canvas画布,在左侧的输入会实时同步到右侧的Canvas画布中。

    • 共同编辑: 和ChatGPT可以同时在画布中编辑文档,进行修改、添加、删除等操作,就像使用在线文档编辑器一样。

    • 快捷操作: 画布底部提供了常用的快捷操作按钮,如“建议编辑”、“调整长度”、“调整阅读水平”、“润色”、“添加表情符号”等,方便快速进行调整。

    • 表情符号添加: 支持在文档的单词、段落或列表中添加表情符号,增强趣味性。

    • 版本控制: 当ChatGPT在画布中进行修改时,会从上到下逐步替换旧版本,方便查看修改过程。

  • 评论与反馈功能:
    • 针对性反馈: 将自己的文章导入Canvas并要求ChatGPT提供反馈时,ChatGPT可以选中特定的段落或句子,并在其下方添加评论,提供具体的修改建议。

    • 应用建议: 可以选择“应用”ChatGPT的建议,ChatGPT会自动将修改应用到原文中。也可以选择“撤销”来取消修改。

    • 自行修改: 也可以根据ChatGPT的建议,自行在画布中进行修改。

  • 代码编辑与执行:
    • 代码编辑器: Canvas支持Python代码的语法高亮和自动补全,提供更专业的代码编辑体验。

    • 代码执行: 可以直接在Canvas中运行Python代码,无需切换到本地IDE。

    • 即时反馈: 代码执行结果(包括输出的文本和图形)会直接显示在Canvas中,并实时同步给ChatGPT,方便调试和迭代。

    • 异常处理: 当代码执行出错时,ChatGPT会捕获异常信息,并在代码中添加注释,指出错误原因和可能的解决方案。

    • 一键修复: 可以点击“修复错误”按钮,让ChatGPT自动尝试修复代码中的错误。

    • 代码差异对比: 可以点击“显示更改”按钮,查看ChatGPT对代码所做的具体修改。

    • 图形支持: 支持生成各种类型的图形,例如视频中演示的折线图。

  • Canvas与自定义GPTs集成:

    • 赋能自定义GPTs: 可以将Canvas功能添加到自定义的GPTs中,让GPTs具备更强大的文档和代码处理能力。

    • 配置方法:

    • 新GPTs: 对于新创建的GPTs,Canvas功能默认开启。

    • 已有GPTs: 对于已有的GPTs,需要在GPTs的配置界面中手动勾选“Canvas”功能。

ChatGPT Canvas如何使用?

Canvas作为一个集成进入ChatGPT的功能,其触发方式共有三种。

1. 主动触发

在ChatGPT输入框中输入内容时,可以点击输入框左下方的新按钮“工具”,从中选择Canvas。这会创建一个新的Canvas工作区,用于处理当前任务。

2. 自动触发

当输入长文本、代码段,或者需要协作完成的任务时,ChatGPT会根据上下文自动判断,并切换到Canvas界面。比如,粘贴一段代码后,系统会建议使用Canvas作为编辑环境。

3. 在GPT中默认触发

如果在自定义GPT(OpenAI版AI Agent)的指令中指定使用Canvas(通过启用相关功能),系统会在与该自定义GPT互动时默认打开Canvas。例如,用于文档撰写、代码调试或其他特定任务的场景。

对于新创建的GPTs,Canvas功能默认开启。对于已有的GPTs,可在GPT的创建和编辑页面->Configure页面->Capabilities选项中,可自行配置该GPT的Canvas功能开关。

OpenAI 12天直播发布回顾

1. Day 1

Day 1 发布关键词:满血版o1ChatGPT Pro新套餐

2. Day 2

Day 2 发布关键词:强化学习微调(Reinforcement Fine-Tuning, RFT)

3. Day 3

Day 3 发布关键词:文生视频模型Sora

结语

ChatGPT的Canvas,正在向Claude的Artifacts功能一步步靠近...


精选推荐


都读到这里了,点个赞鼓励一下吧,小手一赞,年薪百万!😊👍👍👍。关注我,AI之路不迷路,原创技术文章第一时间推送🤖。

### 如何在 ChatGPT 中使用或集成 Canvas 进行 Web 应用开发 为了理解如何在基于 ChatGPT 的应用程序中集成 Canvas,首先需要明确几个概念和技术栈。Canvas 是 HTML5 提供的一种绘图表面,允许开发者通过 JavaScript 绘制图形、动画和其他视觉效果。 #### 创建和配置 UI Canvas 对象 对于希望利用 Canvas 功能的应用程序来说,在 Unity 或其他游戏引擎之外的环境(如纯前端网页应用),可以直接操作 DOM 来实现相同的效果: ```html <canvas id="myCanvas"></canvas> <script type="text/javascript"> var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); function draw() { // Drawing code here... } </script> ``` 这段代码展示了如何初始化一个简单的 Canvas 元素,并获取其上下文以便后续绘制工作[^3]。 #### 将 Canvas 集成到聊界面 当考虑将此类功能嵌入到像 ChatGPT 这样的对话平台时,可以通过以下方式完成集成: - **HTML 和 CSS 定义布局**:定义好页面结构以及样式。 - **JavaScript 控制逻辑**:编写用于处理用户交互事件(比如点击按钮触发绘画动作)和服务端通信的脚本。 - **API 调用来增强互动性**:如果需要更复杂的功能,则可能涉及到调用外部 API 获取数据更新显示内容。 考虑到实际应用场景中的需求差异较大,具体实施方案会有所不同。例如,在某些情况下,可能会选择让服务器负责大部分计算任务并将结果发送回客户端渲染;而在另一些场景下则更适合采用完全由浏览器执行的方式以减少延迟。 #### 实现示例 下面给出一段简化版的例子说明如何在一个假设性的聊窗口内加入可编辑区域: ```javascript // 假设有一个名为 'chatBox' 的 div 作为消息容器 const chatBox = document.querySelector('#chatBox'); // 插入一个新的 canvas 到聊框底部 function addDrawingArea() { const newCanvasElement = document.createElement('canvas'); newCanvasElement.width = window.innerWidth * 0.8; newCanvasElement.height = 150; // 添加至DOM树 chatBox.appendChild(newCanvasElement); // 初始化画笔工具 let ctx = newCanvasElement.getContext('2d'); // 设置初始状态 ctx.strokeStyle = '#000'; } ``` 此函数会在每次被调用时向现有的聊记录下方追加一块新的空白画板让用户自由涂鸦创作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值