2019年4月

ピアノ鍵盤に選択したコードが表示されるよ。レスポンシブ対応。(css+jquery)

css
  • 2019.04.05

cssで鍵盤を作りました!ってだけでなく、選択したコードが一発で表示されたら便利だねってことでコードが表示される仕組みも実装しました。 ※ボタンを押すと音声も再生されるので注意してください See the Pen ZPooLZ by yoneshi (@yoneshi) on CodePen. 実際のWebサービスに組み込んだ事例はこちらで紹介しております。 1.css側 基本的にフレックスボック […]

自前の音源をもとに編集・新たなメロディの再生ができるTone.Sampler

  • 2019.04.03

Tone.Samplerの概要 Tone.samplerはその名のとおり、サンプラーとして使用できる機能です。 公式解説はこちらから 読み込んだ音をただ再生するだけでなく、synth音源の様に音程の変化や再生される音の長さを変化させることが出来ます。 音源の導入 以下の記載で、音源の設定ができます。 [crayon-5d58fe13800d9547882055/] ポイントとしては、「この音色をこ […]

コード進行をランダムに生成し、実際に演奏させるサイトを作りました

  • 2019.04.03

コード進行をランダムに生成し、演奏させるサイトRandom Chordboxを生んだので、紹介と宣伝を行います。 大体の説明は動画を見ていただいた方が早いと思いますが、そう、放置しているだけで色々なコード進行を生成します。 こんな方に使ってほしい 勉強のために作ったサービスで「ターゲット」と言えるほど大層なものはありませんが、コードがランダムに生成される性質上、以下のような場合に力になってくれるか […]

自前で準備した音源をTone.jsで使用する方法(Tone.Player)

  • 2019.04.02

Tone.jsでは、ライブラリを読むことだけで使用可能となる音源も複数準備されていますが、せっかくであれば自前の音源を使いたいもの。 こちらでは、自前で用意した音源をTone.jsで使用する方法について紹介します。 Tone.jsの基本的な使用方法については、こちらを参照してください。 Tone.Playerの公式解説はこちらから Tone.Playerの使用 簡単に言葉で説明すると、自分で準備し […]