SuperAPI AI 工具集

hyperframes-fx-spotify-card

设计与创作

查看项目

更新于 10-15 20:10

技能介绍

用途:作为音乐类内容的动画叠加层,呈现类似 Spotify 播放器的正在播放卡片,包含专辑封面和播放进度条。适合音乐、播放列表、播客内容,以及品牌合作、音乐精选类场景,情绪基调为品牌感与情感化,资料建议时长为 4–5 秒。

安装:执行 npx hyperframes add spotify-card,会生成 compositions/spotify-card.html。

使用方式:在页面中以 div 引入合成文件,示例为 <div data-composition-src="compositions/spotify-card.html" data-start="10" data-duration="5" data-track-index="0" data-width="1080" data-height="1350"></div>。参数方面,专辑封面、曲名、艺人与进度率均在区块内部设置。

搭配建议:与 grain-overlay、light-leak 组合更贴合音乐氛围;不建议与科技硬朗风格搭配。

限制:资料未提供更详细的配置项、兼容范围或授权说明。