Ani Sound

Web Audio APIによって作られた音とアニメーションを合わせたマルチメディアコンテンツ

Ani Soundとは

Ani Soundは、Web Audio APIを活用して制作された独自の音楽と、息をのむようなアニメーションが融合した新しいフォームのマルチメディアコンテンツをご提供します。

製作理由

Web Audio APIを用いたアニメーションを表現することを目標として作成した。

使用技術

開発時に利用したライブラリ等は以下の通りです

  • Nextjs
  • WebAudioContext
  • Typescript
  • Tailwind CSS
  • Framer motion

Ani Soundの実行例

再生ボタンを押すと以下の様にアニメーションと音が作動します

me