研究所へ戻る返回研究所

Specimen 06 · Oto — Web Audio

一礼して、気配を聞く轻轻一礼,听见气息

この頁は、触れてから始まります。这一页,从触摸之后开始。

音で、第一印象をつくる用声音制造第一印象

入口の三秒に、店の空気を調律する。在入口的三秒里,调出店的空气。

この一層を、少しだけ聞く。把这一层,稍微听清一点。

指先で、少しだけ近づく用指尖,稍微靠近

Realtime Synthesis · No Audio File

音を消すと、入口はただの画面に戻る。声音消失后,入口又只是一个画面。

入口の三秒に、店の空気を。在入口的三秒里,安放店的空气。
音を鳴らすのではなく、その場所に入った気がする、控えめな気配を設計する。不是简单播放一段声音,而是设计一种仿佛走进这里的克制氛围。

THE PROBLEM · 課題课题

画面は作り込んでも、無音のまま。画面做得再好,入口仍是无声的。
写真も文章も整っている。それでも入口の三秒に残る「空気」は、視覚だけでは届かない。動画は重すぎる。BGMは強すぎる。既成の効果音は、世界観を安くしてしまう。照片与文案已经完善,但入口前三秒留下的氛围,仅靠视觉仍难以传达。视频太重,背景音乐太强,现成音效又容易削弱品牌质感。

THREE PILLARS · 三本柱三根支柱

一礼・三層・調律。一次触发,三层声音,细致调音。

一礼 ICHIREI

自動再生の規制を、入場の作法に変える。音は、触れた人にだけ始まる。鳴らすのではなく、迎える。把浏览器的自动播放限制,变成入场的礼法。声音只为触摸的人开始——不是播放,是迎接。

三層 SANSO

間・肌理・余韻。空気は三つの層で設計する。音源ファイルは一つも置かず、すべてブラウザ上で合成する。空间底色、材质细节与偶然余韵,共同组成三层声音。不使用任何音频文件,全部在浏览器中实时合成。

調律 CHORITSU

同じ仕組みのまま、店ごとに音色を調える。雨の町家も、炭火の茶室も、同じ三層から生まれている。同一套结构,为每家店调出各自的音色。雨中町家与炭火茶室,出自同样的三层。

WHAT IT'S FOR · できること能做什么

その場所らしさを、開いた瞬間に。打开的一瞬,就感到这里独有的气息。

旅館・料亭 —— 到着前の静けさを、先に渡す旅馆 / 料亭 —— 抵达之前,先递上那份安静

予約サイトの入口で、その宿の空気に触れてもらう。写真より先に、気配が迎える。在预约网站的入口,先让人触到那家旅馆的空气。比照片更早,是气息在迎客。

老舗・ブランド —— 世界観を、耳からも老铺 / 品牌 —— 让品牌调性也能被听见

商品や歴史の頁に、控えめな空気を敷く。語らずに、格を伝える。在商品与历史的页面下,铺一层克制的空气。不用讲述,格调自达。

展示・ショールーム —— 空間の記憶を、Webへ展览 / 展厅 —— 把空间的记忆搬进网页

実際の空間が持つ音の質感を、頁の入口に翻訳する。行く前から、そこに居る。把真实空间的声音质感,翻译到页面入口。人还没去,已经身在其中。

WHY US · なぜ私か为何是我

音源を探さない。その場所の音を、作る。不去找音源。做出属于那个地方的声音。

素材サイトの音は、どこかで聞いた空気になる。Web Audio の実時間合成なら、ブランドごとに音色を設計し、数キロバイトで納品できる。技術と、美と、文化の翻訳を、同じ手で。素材库里的声音总会带着似曾相识的感觉。通过 Web Audio 实时合成,可以为每个品牌单独设计音色,并以仅数 KB 的体积交付。技术、审美与文化转译,由同一套设计完成。

PROCESS · 進め方流程

静けさの種類を、聞くことから。先听清楚,你需要的是哪一种安静。

01

ヒアリング倾听

その場所の「静けさの種類」を、一緒に言葉にする。把那个地方的"安静属于哪一种",一起讲清楚。

02

音の方向性确定声音方向

間・肌理・余韻の素描を数案、耳で選んでもらう。提供数版声音草图,从空间底色、材质细节与余韵中,用耳朵选择合适方向。

03

試作原型制作

動く頁で、入口の三秒を実際に確かめる。在可运行的页面中,实际确认入口前三秒的体验。

04

実装・調律开发与调音

音量・端末・多言語まで整えて、使える形で納める。统一调整音量、设备适配与多语言细节,交付为可直接使用的成品。

その入口に、空気を。给那个入口,一口空气。

© 2026 DuyunLab · Osaka 技術を、そのまま使える成果物へ。把技术做成可直接使用的交付成果。