07
2025
04
21:48:50

DeepSeek生成“ 网页版钢琴 ”,在线弹奏!附赠代码!

巧用DeepSeek生成一个网页版钢琴,让孩子们在课堂上也能随时弹奏。

在生成这个“网页版钢琴”之前,我是丝毫没有头绪的,不知道该使用什么提示词,所以,我先做了一个铺垫,让DeepSeek告诉我“如何提问

我想生成一个网页版键盘,实现在线弹奏,请问我该告诉deepseek什么提示词才能更准确的实现需求?


DeepSeek给出了一些思路和关键词,包括核心功能、技术栈、细节需求、扩展建议、代码要求等等。
DeepSeek生成“ 网页版钢琴 ”,在线弹奏!附赠代码!
然后,我在此基础上进行修改,形成自己的提示词,交给DeepSeek。
我觉得这是一种思路:就是先让DS告诉你如何提问,然后在个性化修改提示语。各位老铁们可以参考一下。
好了,以下就是最终生成“网页版钢琴”的提示词

请帮我写一个html页面(网页版钢琴),来模拟在线弹奏。要求如下:

1. 主区域是1000*600的分辨率,第一排是黑白琴键,第二排是3个按钮,分别是:开始录音、播放录音、清除录音。

2. 视觉呈现钢琴键盘布局(白键+黑键,支持响应式设计)

3. 支持鼠标点击/触摸弹奏的交互方式

4. 支持实时音频反馈,按下琴键发出对应的音调

5. 前端三件套实现(HTML5/CSS3/JavaScript

6. 使用Web Audio API处理音频生成

7. 交互反馈:按下时键位颜色变化(如白键变浅蓝,黑键变深蓝)

8. 一共3个八度。

其它的交互效果和美观度,请你安装业务逻辑补充完善。


来吧,上战歌。
这是最终生成的“ 网页版钢琴 ”,是真的可以发声的、可以在线演奏战歌的钢琴哟。
DeepSeek生成“ 网页版钢琴 ”,在线弹奏!附赠代码!
更牛的是,孩子们弹奏的钢琴可以被收录下来,然后重新播放。




推荐本站淘宝优惠价购买喜欢的宝贝:

DeepSeek生成“ 网页版钢琴 ”,在线弹奏!附赠代码!

以下内容需要兑换:

本文链接:https://hqyman.cn/post/10170.html 非本站原创文章欢迎转载,原创文章需保留本站地址!

分享到:
打赏





休息一下~~


« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

请先 登录 再评论,若不是会员请先 注册

您的IP地址是: