NoiseCraft基于瀏覽器的可視化音頻分析平臺(tái)

NoiseCraft 是一個(gè)基于瀏覽器的可視化編程語(yǔ)言和平臺(tái)，用于聲音合成和音樂(lè)制作，目的是創(chuàng)造一個(gè)開(kāi)放的音樂(lè)思想交流社區(qū)。

其目標(biāo)是創(chuàng)建一個(gè)開(kāi)放交流音樂(lè)思想的社區(qū)。該設(shè)計(jì)大致受到 PureData、Max/MSP 以及其他可視化編程語(yǔ)言的啟發(fā)。NoiseCraft 基于 Web Audio 和 Web MIDI API 等技術(shù)構(gòu)建，并在 Web 瀏覽器中運(yùn)行。該計(jì)劃是讓該應(yīng)用程序在可預(yù)見(jiàn)的未來(lái)保持免費(fèi)使用和無(wú)廣告。

可以在 noisecraft.app 試用?NoiseCraft ，并在?noisecraft.app/browse?瀏覽其他用戶(hù)共享的項(xiàng)目。目前，這在 Chrome、Firefox 和 Edge 中可以使用，但在 Safari 中由于其網(wǎng)絡(luò)音頻實(shí)現(xiàn)的問(wèn)題而不能可靠地使用。

NoiseCraft 正在開(kāi)發(fā)中?？赡軙?huì)存在一些 bug，而且目前還缺乏對(duì)移動(dòng)設(shè)備的支持。

設(shè)計(jì)原則：

• NoiseCraft 遵循簡(jiǎn)約的理念：
  • 沒(méi)有 Web 框架，只有普通的 JS/HTML/CSS
  • 有意將依賴(lài)關(guān)系降至最低
  • 優(yōu)先考慮用戶(hù)需要的功能
  • 避免冗余特征和特征蠕變
• 在用戶(hù)界面設(shè)計(jì)方面：
  • 最小化學(xué)習(xí)曲線并減少摩擦
  • 保持用戶(hù)界面簡(jiǎn)單整潔
  • 盡可能避免使用下拉菜單和隱藏選項(xiàng)
  • 使用大多數(shù)用戶(hù)可能熟悉的組合鍵和控件
  • 避免歧義，盡可能使用已知/現(xiàn)有的術(shù)語(yǔ)
• 可視化編程語(yǔ)言設(shè)計(jì)：
  • 只有一種數(shù)據(jù)類(lèi)型：浮點(diǎn)數(shù)
  • 控制信號(hào)和音頻信號(hào)沒(méi)有區(qū)別
• Practical considerations：
  • 避免圖像和聲音樣本以保持較低的帶寬/服務(wù)器成本
  • 避免聲音樣本也迫使人們思考如何產(chǎn)生聲音

NoiseCraft 使用多頁(yè)設(shè)計(jì)，而不是單頁(yè)應(yīng)用程序。這意味著新建、幫助和瀏覽鏈接會(huì)打開(kāi)新選項(xiàng)卡。這可以幫助用戶(hù)避免在單擊其他選項(xiàng)卡時(shí)意外丟失他們的工作，并使得能夠向新用戶(hù)發(fā)送指向/browse和/help頁(yè)面的直接鏈接。

用戶(hù)界面使用即時(shí)模式 GUI。也就是說(shuō)，每次對(duì)模型執(zhí)行操作時(shí)，都會(huì)重新繪制 UI。這使得實(shí)現(xiàn)諸如撤消/重做之類(lèi)的功能變得微不足道，因?yàn)榭梢院?jiǎn)單地存儲(chǔ)以前項(xiàng)目狀態(tài)的副本。它還減少了 UI 和模型之間的耦合。在實(shí)踐中，緩存用于避免為每個(gè)狀態(tài)更改重新繪制整個(gè)用戶(hù)界面。

音頻由AudioView類(lèi)生成（參閱public/audioview.js），當(dāng)模型中發(fā)生狀態(tài)更改時(shí)會(huì)更新音頻。這會(huì)將音頻圖編譯成 JavaScript 代碼，然后可以在后臺(tái)進(jìn)程 (AudioWorklet) 中運(yùn)行。只使用網(wǎng)絡(luò)音頻 API 來(lái)輸出聲音，而不是用于聲音合成。這有助于保證為給定項(xiàng)目產(chǎn)生的聲音在任何瀏覽器或設(shè)備上都是相同的。

項(xiàng)目文件以易于解析的 JSON 格式 (.ncft) 保存，最終可以構(gòu)建外部工具。例如，可以想象 NoiseCraft 項(xiàng)目可以編譯成 VST。