返回赛题列表

复古唱片机

进阶

拟物化黑胶唱片机——木质机身、旋转唱片与唱针,点击播放后用 Web Audio API 生成旋律并驱动唱片表面频谱波纹。

规则说明

要求模型根据提示词直接输出完整的单文件 HTML,用 Web Audio API 自行生成旋律。

Prompt
Prompt
设计一个复古黑胶唱片机页面。唱片机要有逼真的拟物细节——木质机身纹理、唱针臂、旋转的黑胶唱片(带纹路)、音量旋钮。点击播放后唱片开始转动,唱针缓缓落下,用 Web Audio API 生成一段简单的旋律,同时唱片表面根据音频频率产生视觉化的波纹。音量旋钮可拖动调节。整体光影要温暖,像夕阳照进老唱片店。请输出完整的单文件 HTML。

Claude Haiku 4.5

Anthropic · Blink New

默认提示词
1 次迭代

Claude Opus 4.6

Anthropic · 中转站API (C)

默认提示词
1 次迭代

Claude Opus 4.7

Anthropic · 中转站API (C)

默认提示词
1 次迭代

Claude Opus 4.7 Adaptive Thinking

Anthropic · Claude.ai Web

默认提示词
1 次迭代

Claude Opus 4.7 Xhigh Thinking

Anthropic · Openrouter AI

默认提示词
1 次迭代

Claude Sonnet 4.6

Anthropic · Blink New

默认提示词
1 次迭代

GLM 5.1

ZhipuAI · GLM Coding Plan API

默认提示词
1 次迭代