大家好,我是柯小侠,专注于AI+教育。
今天做一个示波器的网页应用。
提示词:
创建一个交互式HTML网页工具,包含以下功能:1. 在页面中央放置一个醒目的【录音】按钮2. 点击按钮后调用电脑麦克风权限采集环境声音3. 使用Web Audio API实时分析音频数据4. 在页面正中央绘制声音波形图,要求: - 使用粗体绿色线条(线宽至少3px) - 背景为纯白色 - 波形图完整显示在可视区域中央 - 实时更新波形显示5. 添加适当的错误处理(如麦克风权限被拒)6. 确保界面简洁明了,适合教学演示使用7. 响应式设计,在不同屏幕尺寸上都能正常显示
访问地址,长按下方二维码:
访问地址:https://webapp.zhankeng.com/waveformCanvas/
好了,今天就跟大家分享到这儿。
欢迎大家在评论区留下你宝贵的意见和建议,也欢迎加我的微信(xiaokestudy)或下方二维码,备注:“公众号”,后面我会建交流群分享资料,跟大家一起交流。
如果觉得有些用处,请给点个赞、在看、转发三连,如果想第一时间收到推送,也可以给我个星标,下次不迷路,下方是我的微信。