https://labs.cybozu.co.jp/blog/akky/tags/%E5%92%8C%E9%9F%B3/ Recent content in 和音 on akky@サイボウズラボ・ブログ Hugo ja Tue, 12 Jul 2016 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2016/07/browser-scifi-bgm-composer/ Tue, 12 Jul 2016 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2016/07/browser-scifi-bgm-composer/ <p><a href="http://codepen.io/jakealbaugh/">Jake Albaugh</a> さんが公開した <a href="http://codepen.io/jakealbaugh/full/qNrZyw/">Musical Chord Progression Arpeggiator</a>は、楽譜や楽器の素養が無くても、和音の要素をばらしてそれらしく弾いてくれるというアルペジエーターを、ブラウザ上のJavaScriptで作ったというものです。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2016/07/browser-scifi-bgm-composer/musical-chord-progression-arpeggiator.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2016/07/browser-scifi-bgm-composer/musical-chord-progression-arpeggiator_hu_2c794a55ac11d6c3.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/07/browser-scifi-bgm-composer/musical-chord-progression-arpeggiator_hu_40b1f49729093c46.webp 768w, https://labs.cybozu.co.jp/blog/akky/2016/07/browser-scifi-bgm-composer/musical-chord-progression-arpeggiator_hu_9e79b59331b139b9.webp 1015w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2016/07/browser-scifi-bgm-composer/musical-chord-progression-arpeggiator.png" width="1015" height="817" alt="musical-chord-progression-arpeggiator" loading="lazy" decoding="async"> </picture></a></p> <p>いろいろなスイッチを適当に変えれば、一つとないオリジナルな曲ができあがります。どれも同じように聴こえてしまうオリジナルさではありますが。</p> <p>自分の作った動画に他人の著作権が及ばないBGMを簡単につけたいというときなどに、こういう自動作曲のサービスは使い良いのではないでしょうか。</p> <p>ブラウザ上でのインタラクティブな音を扱うオープンソースライブラリ<a href="https://github.com/Tonejs/Tone.js">Tone.js</a>を使っています。codepen.io上に置かれたソースがそのまま実行されているので、やる気があれば自分用に改造することもできるでしょう。</p> <p>via <a href="https://www.reddit.com/r/InternetIsBeautiful/comments/4rpvd4/musical_chord_progression_arpeggiator/">reddit</a></p>