我用 Opus 5.5 构建了一个网站，在像素艺术的夜间城市上播放无尽的 lofi 音乐。

音乐并非来自播放列表，每隔几分钟，您的浏览器就会创作一首全新的曲目。

在工作时播放它：https://t.co/NNQcsw9nNB https://t.co/6sWOade9ul

像素艺术城市之夜 · 无尽 Lofi 音乐伴奏

来源：https://loficities.com/

关于 Lofi Cities

Lofi Cities 是一个免费的网络应用程序，将动画像素艺术城市夜景与在您的浏览器中实时生成的无尽 lofi 音乐配对。选择一个城市并让它运行：每个场景都是一个 480×270 像素的动画，每四分钟无缝循环一次，拥有自己独特的天气、地标和城市声音，同时新的 lofi 曲目会即时创作出来。

无需安装任何东西，无需账户，也没有弹出窗口。它适用于电脑、手机和平板电脑，为学习、工作或放松提供宁静的背景氛围。

每个城市都有一个可供出租的广告牌，上面有一个虚构的本地广告，直到有商家接手。在上面展示您的业务吧（https://tally.so/r/rj7bY5）

更新内容

• 9 月 27 日 在“氛围”面板 (V) 中新增四种 lofi 风格：House、吉他、忧伤和中世纪，总计九种风格，每种都有其独特的乐器和节奏。
• 9 月 27 日 所有城市集成到一个选择器 (/) 中：每个城市都有一个小预览图（显示当地时间）和搜索功能，取代了之前的行式选项。
• 9 月 27 日 为所有城市添加了天气效果 (W)：雨、雪、飘落的秋叶或晴朗的夜晚，城市声音和曲目标题会随之变化。

所有更新内容 (https://loficities.com/whats-new/)

城市列表

• 巴黎 (https://loficities.com/paris/) 阁楼窗上的雨滴 锌皮屋顶下一个画家的阁楼，窗外雨滴淅沥，远处的埃菲尔铁塔闪闪发光。
• 东京 (https://loficities.com/tokyo/) 新宿霓虹雨 霓虹灯招牌、樱花和潮湿的沥青路面，东京塔散发着光芒，一列火车正驶过高架桥。
• 纽约 (https://loficities.com/new-york/) 布鲁克林大桥上的雪 布鲁克林大桥旁的雪夜，东河对岸是中城的天际线。
• 伦敦 (https://loficities.com/london/) 泰晤士河上的雾 泰晤士河上的雾气和蒙蒙细雨，国会大厦、伦敦眼和南岸一家维多利亚风格的酒吧映入眼帘。
• 里约热内卢 (https://loficities.com/rio/) 科帕卡巴纳的夏夜 科帕卡巴纳上方的阳台，基督救世主像、面包山以及海湾上空的烟花。
• 伊斯坦布尔 (https://loficities.com/istanbul/) 夜色中的博斯普鲁斯海峡 面向历史半岛的屋顶茶园，渡轮和海鸥在博斯普鲁斯海峡上。
• 香港 (https://loficities.com/hong-kong/) 夜幕下的维多利亚港 九龙一个拥挤的屋顶，面向香港岛的天际线，渡轮、红帆中式帆船和维港的灯光秀。
• 悉尼 (https://loficities.com/sydney/) 港口之夜的蓝花楹 港口公园里一棵盛开的蓝花楹下，眺望悉尼歌剧院和海港大桥。
• 旧金山 (https://loficities.com/san-francisco/) 金门大桥上的雾 雾气穿过金门大桥，从陡峭的俄罗斯山街道望去，可见缆车和色彩鲜艳的维多利亚式建筑。
• 汉堡 (https://loficities.com/hamburg/) 易北河上的港口灯光 风雨交加的哈芬城上空，易北爱乐音乐厅、仓库城和易北河对岸的集装箱起重机。
• 阿姆斯特丹 (https://loficities.com/amsterdam/) 运河上的桥灯 运河码头上一个温和的春夜，西教堂塔楼、山墙房屋、船屋和灯火通明的桥梁。

音乐工作原理

每首曲目都是使用 Web Audio API 即时创作的：包括和弦进行、鼓点节奏、贝斯线，通常还有旋律，最后加上磁带颤动和黑胶唱片的噼啪声效果。一切都是实时合成的，没有使用任何采样或录音，因此音乐流永远不会中断。

“氛围”面板负责选择风格：jazzhop（默认：罗德斯电钢琴、爵士和弦以及 68 到 88 BPM 的摇摆 boom-bap 节拍）、钢琴（慵懒的毛毡钢琴搭配轻柔鼓点）、氛围（缓慢温暖的合成器铺垫，几乎没有节拍，适合睡眠和深度专注）、波萨诺瓦（尼龙吉他搭配波萨诺瓦节奏）、合成器（80 年代 City Pop 合成器）、House（基于柔和四四拍底鼓的 lofi 深度浩室）、吉他（清澈的电吉他，指弹搭配慵懒节拍）、忧伤（缓慢的小调和弦搭配孤独的弱音小号）或中世纪（鲁特琴、竖笛搭配手鼓）。新风格将在下一首曲目开始时生效。

它还能设定心情：放松（更慢、更阴郁）或欢快（更快、更明亮），并可选择完整乐队、无鼓或仅和弦模式。

曲目标题灵感来源于屏幕上的城市，一个独立的环境音层会将该城市的声音混入音乐中。“即将播放”列表显示即将播放的曲目，您可以选择立即播放。音乐和城市声音各自有独立的音量滑块。城市声音混音器更进一步，为城市的每种声音提供一个滑块：调高雨声、关闭交通声或降低钟声，该设置会应用到所有具有该声音的城市。

“天气”标签 (W) 可以为任何城市带来雨、雪、秋叶或晴朗的夜晚，城市声音和曲目标题会随之变化：雨会带来雨声，雪则带来风的寂静。

Lofi Cities 音乐制作原理 (https://loficities.com/how-it-works/)

键盘快捷键

← →1–90 切换城市/所有城市：每个城市的预览（含当地时间）及搜索功能 C 城市游览开关：每隔几分钟切换一个新城市，或跟随夜晚时间 W 天气：城市自有天气、雨、雪、秋叶或晴朗，应用于所有城市 空格键 播放或暂停音乐 N 下一曲 Q 即将播放：查看即将播放的曲目并选择一首 A 城市声音混音器：为城市的每种声音提供一个滑块 V 氛围：选择风格（从放松到欢快）、完整乐队、无鼓或仅和弦 T 计时器：专注（25/5 或 50/10，循环）和睡眠（淡出并暂停） G 互动：反应表情和天灯 L 在城市上空释放一盏天灯 M 静音 F 全屏（或双击场景） P 迷你播放器：场景以小窗口浮动在其他应用之上 H 隐藏或显示界面 S 将当前画面保存为 1080p PNG？ ? 打开或关闭此面板

问题解答

什么是 Lofi Cities？ 一个位于 loficities.com 的免费网站，展示动画像素艺术城市夜景（巴黎、东京、纽约、伦敦、里约热内卢、伊斯坦布尔、香港、悉尼、旧金山、汉堡和阿姆斯特丹），配有在您的浏览器中实时创作的无尽 lofi 音乐，以及每个城市的环境音。

Lofi Cities 是免费的吗？ 是的。它完全在浏览器中运行，无需下载、账户或弹出窗口。

音乐从哪里来？ 它是在您收听时在您的浏览器中生成的。和弦、鼓点、贝斯和旋律都通过 Web Audio API 合成，没有使用采样或录音，因此每首曲目都是新的，音乐永远不会用尽。氛围按钮（或 V 键）选择风格（jazzhop、lofi 钢琴、氛围、波萨诺瓦、合成器 City Pop、lofi House、chill 吉他、忧伤 lofi 或中世纪 lofi），设定放松或欢快的心情，并选择完整乐队、无鼓或仅和弦模式。

为什么音乐不能立即开始？ 浏览器会阻止声音，直到您与页面互动。点击、轻按或按下任何键，音乐就会开始；播放按钮可暂停和恢复。

我能把它作为学习或工作的背景吗？ 这正是它的设计用途。按 F 全屏，按 H 隐藏界面，或按 P 打开迷你播放器：一个画中画窗口，让场景浮动在您的其他应用之上（在电脑上，需浏览器支持）。当您停止移动鼠标时，控件也会自动淡出。

它能自动切换城市吗？ 能。城市选择器旁边的“游览”标签（或 C 键）可以每 5、10、15 或 30 分钟切换到下一个城市，或者跟随夜晚时间：它会显示当地时间最接近凌晨 1 点的城市，随着小时推移，从悉尼向西移到旧金山。处于同一时区的城市，如巴黎、汉堡和阿姆斯特丹，会轮流显示。

我能改变天气或季节吗？ 能。“游览”标签旁边的“天气”标签（或 W 键）可以为任何城市带来雨、雪、飘落的秋叶或晴朗的夜晚，或者恢复到城市原本绘制时的天气：纽约的冬雪、伦敦和汉堡的秋色、东京和悉尼的春日樱花。城市声音会随之变化，例如雨天会加入雨声，并且您的选择会保留到下次访问。

现在有多少人在收听？ 城市名称下方的发光药丸状图标会显示，例如“23 人正在收听 · 5 人在东京 · 今日 480 人”：表示现在有多少人打开了 Lofi Cities，其中有多少人在您所在的城市，以及今天有多少浏览器访问过。当没有其他人时，它只显示当天总数（“今日 480 人”），如果今天没有其他人访问，则保持隐藏状态。您也可以向所在城市的人打招呼：使用播放器中的“互动”按钮（或 G）选择心形、音符、星星或月亮，然后点击场景，它就会从该位置在所有人的屏幕上向上飘浮；或者释放一盏纸灯笼（L），它会在城市上空升起约一分钟，对所有人（包括在灯笼升起期间到达的人）都在同一位置。一切都是匿名的，没有聊天、姓名或账户：您浏览器本地存储（不是 cookie）中的一个随机 ID 让您的标签页被算作同一个人，服务器会在您最后访问后 24 小时内忘记它，唯一保留的是空中尚未熄灭的灯笼。

有番茄钟或睡眠计时器吗？ 有。按 T 或时钟按钮。专注计时器以 25 分钟专注加 5 分钟休息（或 50 加 10）循环运行，每次休息时有轻柔的提示音，结束时有铃声提醒。睡眠计时器会在 15 到 90 分钟后淡出音乐和城市声音，然后暂停。

我能将 Lofi Cities 用作 OBS 的直播背景吗？ 能。添加一个浏览器源，设置为 1920×1080，地址为城市页面地址后加 ?obs，例如 https://loficities.com/tokyo/?obs。界面将保持隐藏，音乐会自动开始；勾选“通过 OBS 控制音频”将其引入您的混音。与源交互以使用箭头键切换城市、按 N 跳过曲目或按 W 改变天气，或在地址中添加 &weather=snow（rain、leaves 或 clear）。

它能在手机和平板电脑上使用吗？ 能。在竖屏模式下，每个城市的地标和广告牌都保持可见，您可以拖动场景查看四周，滑动到末端会切换城市。所有控件都支持触摸操作。

它能离线工作吗？ 能。在线打开一次后，即使没有连接也能继续工作，包括所有城市和音乐，因为它们都是在您的浏览器中生成的。您也可以使用浏览器的“安装”或“添加到主屏幕”选项将其作为应用安装（在 iPhone 和 iPad 上：分享，然后添加到主屏幕）。

我能将场景保存为壁纸吗？ 能。播放器中的保存按钮（向下箭头）可将当前画面保存为 1080p PNG，按 S 键也可实现同样功能。

我的企业能在 Lofi Cities 中展示吗？ 能。每个城市都有一个广告牌可供出租，您的咖啡馆、商店、工作室或品牌可以以像素艺术形式绘制在上面。填写简短表格即可联系：tally.so/r/rj7bY5 (https://tally.so/r/rj7bY5)。

谁制作了 Lofi Cities？ Lofi Cities 由 Safa Elmali 制作。您可以通过右上角的咖啡链接在“Buy Me a Coffee”上支持他。

我能请求添加新城市吗？ 能。请将您的想法发送给 X 上的 Safa Elmali：https://x.com/SafaElmali（网站右上角的 X 链接）。新城市会随时间增加：香港、悉尼、旧金山、汉堡和阿姆斯特丹是在最初六座城市之后加入的。

我能购买城市视频吗？ 能。通过“获取视频循环”链接或保存菜单，在 Gumroad 上获取 11 座城市的合集。每段 AI 辅助制作的视频是一个四分钟 1920×1080 的 60fps MP4 循环视频，不含音频。根据产品页面指定的 Lofi Cities 版权说明，允许用于个人用途以及视频或直播背景（包括有收益的内容）。您在网站上听到的音乐和城市声音不包含在下载中。网站将保持免费。

Lofi Cities 使用 cookies 吗？ 不使用。没有登录，也没有 cookies。匿名使用统计（例如查看了哪些城市）在不使用 cookies 的情况下收集，发送了“请勿跟踪”请求的浏览器将被排除在外（实时计数仍会匿名统计标签页）。您的设置（如最后访问的城市、音量和氛围）以及用于统计和实时计数的匿名随机 ID 会保存在浏览器的本地存储中。