告别枯燥！用AI生成超炫音乐频谱可视化代码
提示词描述：
结合音乐推荐与视觉动效的AI代码生成提示词。利用AI编写Web Audio API和Canvas结合的音乐频谱可视化代码。适合音乐爱好者、前端学习者，将听觉享受转化为极具美感的视觉盛宴，打造个性化的音乐放松体验。
提示语关键词：
AI编程,音乐可视化代码,AI生成代码,网页动效代码,音乐频谱代码,前端动效教程
提示词内容：
【使用场景】
听歌时只有干巴巴的进度条太无聊了？想不想让你的音乐“动”起来？老师今天带你用AI生成超炫的音乐频谱可视化代码。无论你是想做个音乐播放器插件，还是单纯想炫酷一下，这个提示词都能帮你把听觉转化为视觉盛宴。非常适合喜欢音乐、追求个性网页动效的同学，让代码为你演奏。
【操作步骤】
第一步：确定视觉风格。想象一下你的音乐可视化是什么样子？是赛博朋克风，还是极简几何风？
第二步：替换关键信息。在提示词中，把 {音乐风格} 填上你常听的类型（如“电子舞曲”），把 {视觉主题} 填上你想要的画面（如“霓虹光波与几何图形”）。
第三步：获取代码。发送给AI后，你会得到一段基于Web Audio API和Canvas的完整前端代码。
第四步：体验效果。同样保存为.html文件在浏览器打开，播放本地音乐或麦克风输入，就能看到炫酷特效了。
【效果示例】
以具体案例来说，假设你填入 {音乐风格} 为“古典交响乐”，{视觉主题} 为“水墨晕染与粒子流动”。AI生成的代码会调用音频分析接口，当小提琴声响起时，屏幕上的水墨粒子会随着音频频率的高低起伏，呈现出如波浪般优雅扩散的动态效果，极具艺术感。
【进阶技巧】
老师温馨提示，浏览器播放本地音频可能会有跨域安全限制，建议使用浏览器自带的麦克风输入来测试。如果觉得特效不够炸裂，可以引导AI：“请增加低频时的屏幕震动效果，并加入颜色渐变过渡”。动手试试吧，享受视觉与听觉的双重放松！
请帮我编写一段基于Web Audio API和Canvas的音乐频谱可视化代码。我喜欢的 {音乐风格} 是：{音乐风格}，我期望的 {视觉主题} 是：{视觉主题}。请提供完整的HTML/JS代码，支持通过麦克风或本地音频文件输入，并确保动画流畅、色彩搭配符合主题氛围。