https://labs.cybozu.co.jp/blog/akky/tags/%E3%82%B7%E3%83%B3%E3%82%BB%E3%82%B5%E3%82%A4%E3%82%B6%E3%83%BC/ Recent content in シンセサイザー on akky@サイボウズラボ・ブログ Hugo ja Mon, 21 Jun 2021 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2021/06/theremin-synthesizer-on-browser/ Mon, 21 Jun 2021 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2021/06/theremin-synthesizer-on-browser/ <p><a href="https://femurdesign.com/theremin/">Theremin(テルミン)</a> は、<a href="https://ja.wikipedia.org/wiki/%E3%83%86%E3%83%AB%E3%83%9F%E3%83%B3">世界初の電子楽器テルミン</a>をモチーフとしたwebサービス/アプリです。(2014年に最初のバージョンが公開されていたそうです)</p> <p><a href="https://femurdesign.com/theremin/"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/06/theremin-synthesizer-on-browser/browser-theremin_hu_3343bf1148cc86c4.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/06/theremin-synthesizer-on-browser/browser-theremin_hu_f42702bc5122fa98.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/06/theremin-synthesizer-on-browser/browser-theremin_hu_f2b45fbea708fe06.webp 1071w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/06/theremin-synthesizer-on-browser/browser-theremin.png" width="1071" height="769" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>単に音を鳴らすだけなら簡単で、黄色いエリアでマウスをグリグリとドラッグするだけでそれっぽい音が出ます。</p> <p>4種類の波形の音や、ディレイ、フィードバック、スカズ(波形の汚し)を調整することで、音色を調整できます。</p> <p>本家テルミンと何から何まで同じ仕組みなわけではないので、名称がまったく同じなのはちょっと誤解を招くところかもしれません。プレイの感触としては共通点もありそうです。本物のテルミンを演奏したことはありませんが。</p> <p>スマートフォン版(<a href="https://apps.apple.com/app/theremin-synth-loop-record/id1104816326">iOS</a> / <a href="https://play.google.com/store/apps/details?id=com.femurdesign.theremin">Android</a>)が有料で出ていて、そちらでは演奏の録音やダウンロードもできます(<a href="https://www.youtube.com/watch?v=aFK_aq44z4Y">デモ動画</a>)。同じく録音ができるChrome拡張版もあるそうですが、現在はダウンロード不可になっています。</p> <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/aFK_aq44z4Y?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe> </div>