So-net無料ブログ作成
» スポンサーリンク
2014年11月 | 2014年12月 |2015年01月

ソフトバンクがiPad用のケース型MIDIキーボード MISELU C.24 KEYBOARD を世界先行販売
» ハードウェア(楽器) 

ソフトバンクが海外発の厳選ブランドのモバイルアクセサリーを揃える Global LINE-UP の新しい商品として、米国 Miselu 社の Bluetooth ワイヤレス MIDI キーボード C.24 KEYBOARD をソフトバンクセレクションで取り扱うことを発表。




来年1月末の世界発売に先駆けて、2014年12月16日より日本で先行販売されます。
500台限定で、直販価格は24,800円。(参考:米国での価格は229ドル)
先行販売特典として購入者全員に3000円分の iTunes カードを付与。


miselu-c24-2.png

主な特徴

  • 世界初 MIDI over Bluetooth LE 対応ワイヤレス音楽キーボード
  • iPhone/iPad との Bluetooth 4.0 での接続に対応 (iOS 8 以降に対応)
  • MicroUSB 端子を装備、カメラ接続キット経由の USB-MIDI 接続にも対応
  • タッチ感にこだわった2オクターブ 24鍵のミニ鍵盤を採用
  • 光学センサーと磁石の反発力を利用したベロシティ検出機能
  • モノフォニック/ポリフォニック・アフタータッチ対応
  • ワンタッチボタンで鍵盤がせり出すユニークかつ弾き易さを考慮した機構
  • ボディ両側面の LED センサーでオクターブ変更が可能(最大9オクターブ)
  • iPad のケースにもなるスリムコンパクトなボディ(iPad 2/3/4のみ対応)
  • C.24 を複数台接続しての同時利用が可能
  • CoreMIDI 対応、350以上の CoreMIDI 対応音楽アプリと連携可能
  • 音楽アプリを接続するための専用アプリ Miselu KEY を App Store で配布
  • リチウムイオンバッテリー搭載、最大連続使用時間 20時間
  • サイズ(収納時) 242(W)×185.7(D)×9.9(H)mm、重量 552g
  • microUSB ケーブル×1、専用ケース×1 が付属

公式デモ




単なる鍵盤の形をしたスイッチではなくて、せり出してちゃんと「楽器の鍵盤」として機能するところがいいですね。

見た目がスリムでスッキリしているので一見ちょっと割高にも思えますが、充実した機能面考慮すれば24,800円は決して高くはない?




Miselu では C.24 の上に載せて使う拡張モジュールのコントローラー T.10 も現在開発中のようなので、今後の展開にも注目です。

[関連サイト]
 ソフトバンクセレクション
 ソフトバンク
 Miselu

nice!(2)  コメント(0)  トラックバック(0)   » カテゴリー:ハードウェア(楽器)
permalink
trackback
このエントリーをはてなブックマークに追加


iTunes App Store / Mac App Store 音楽アプリベストセラー
for iPad





for iPhone/iPod touch





for Mac





» スポンサーリンク
DMR

サウンドハウス

iPhoneを振ってJavaScriptから加速度を検知して除夜の鐘を鳴らすサウンドWebアプリ [改良版]
» 音楽コンテンツ(作曲/演奏) 

先日の Sleigh Bells (改良版)に続く時期ネタ第二弾ということで、除夜の鐘バージョン Temple Bell (改良版) を公開します。

iOS 6以降の iPhone/iPod touch/iPad の Mobile Safari で動きます。
Mobile Safari 以外や Android では未確認。もしかしたら動くかもしれません。



 iPhone を振ってお寺の鐘をゴーンと鳴らすだけのシンプルなサウンド Web アプリで、Sleigh Bells と同じく JavaScript から Web Audio API と加速度センサーの値を取得する DeviceMotionEvent を使用しています。

初版は Facebook ページだけで公開

去年、初版 Sleigh Bells を作った後で、大晦日の夜になってから「除夜の鐘に差し替えたバージョンもありかも?」と思い付き、使えそうな寺の鐘の音を急いで探して差し替えて作ったのですが、出来上がった時間が時間だっただけにブログ記事では間に合わず、急遽 Facebook ページのほうだけで公開告知していました。

ということで、この改良版も中身は Sleigh Bells 改良版のサウンドを差し替えただけのものです。(なんてお手軽な…)

Temple Bell の使い方


   

←左の QR コードをタップするか、iPhone のカメラで読み取って Temple Bell にアクセスしてください。
短縮 URL: http://goo.gl/JwA1pX


使い方はスレイベルと同じくシンプルです。
  • まず「Sound Preview」ボタンで iPhone の音量を確認・調整してください。
  • 次に iPhone を握って手首のスナップをきかせて振ってみてください。
  • 反応が悪い場合は振る速度を速くするか感度を低くしてみてください。
  振るときに iPhone がすっぽ抜けないように十分注意してください。
  (万が一 iPhone を落として壊してもこちらは責任は負いません)

タイトルバーの左のアイコンをタップすると画面が右にスライドして QR コードと短縮 URL が表示されます。



プログラムの処理内容について知りたい方は Sleigh Bells 改良版の記事を参照してください。



試すときはくれぐれも iPhone を落とさないように注意してください。

まだいくつか別のネタも作ってあるので後日公開予定です。

[関連サイト]
 jQuery
 jQuery UI
 jquery-ui-touch-punch
 MEDIALOOT - jQuery UI Theme: Retro
 mmenu
 Web Audio API
 Safari Developer Library


Web Audio API

Web Audio API

  • 作者: Boris Smus
  • 出版社/メーカー: Oreilly & Associates Inc
  • 発売日: 2013/03/22
  • メディア: ペーパーバック
permalink
trackback
このエントリーをはてなブックマークに追加


RolandがAIRA TR-8 に TR-707/TR-727の音色を追加するアップグレード拡張オプション「7X7-TR8」を発表
» ハードウェア(楽器) 

Roland が AIRA シリーズのドラムマシン TR-8 に TR-707/TR-727 の音色を追加できるアップグレードソフトウェア形式の拡張オプション 7X7-TR8 Drum Machine Expansion を発表していました。

2014年12月19日発売予定、公式ストアの価格は9,720円(税込)。
利用には TR-8 本体が必要で、単独のソフトシンセとしては利用できません。



 TR-707/TR-727 は1985年に Roland がリリースしていたドラムマシンで、同社初のフルデジタルのオール PCM によるリアルな音源を採用したモデルで、TR-707 がベーシックな構成のドラムキット、TR-727 がラテン系パーカッションのドラムキットを搭載し役割を分担していました。

 コストパフォーマンスの良さからヒット商品となり、長い年月を経た現在でもその個性的なサウンドに惹かれるユーザーから根強い支持を獲得しています。



 今回 TR-8 の拡張キットとしてリリースされる 7X7-TR8 は、TR-707/TR-727 全ての音色のオリジナル PCM 波形データを活用し、ACB モデリングによって(当時としては十分高音質だった)サンプリング分解能の低さの質感や、オリジナル回路基板のアナログ ENV と VCA 回路の動作から特徴付けられるサウンドまでをも忠実に再現。

 内容はTR-707 オリジナルの15音色、TR-727 オリジナルの15音色に加え、さらに TR-909 のアタック特性を調整した新バリエーションのキック1音色、スネア1音色、TR-808 のノイズタム3音色、ノイズクラップ1音色、フィンガースナップ1音色が含まれます。

 この他、TR-909/TR-707の独特のフラムとアクセントの動作に対応、フラム強度と2段階設定可能なアクセント調節機能が追加されます。

[ここに YouTube プレイヤーが表示されます]
http://www.youtube.com/watch?v=6FzuaUnVBdU
http://www.youtube.com/watch?v=-mVKZGa2ul0


7X7-TR8 の利用には TR-8 本体が必要で、単独のソフトシンセとしては利用できないので注意してください。


[関連サイト]
 Roland
 TR-8
 7X7-TR8 Drum Machine Expansion for TR-8


Roland TR-707 ドラムマシーン

Roland TR-707 ドラムマシーン

  • 出版社/メーカー: ローランド
  • メディア:

nice!(0)  コメント(0)  トラックバック(0)   » カテゴリー:ハードウェア(楽器)
permalink
trackback
このエントリーをはてなブックマークに追加


iPhoneを振ってJavaScriptから加速度を検知してスレイベルを鳴らすサウンドWebアプリ [改良版]
» 音楽コンテンツ(作曲/演奏) 

ここんとこずっと時事ネタばかりで、自分発のネタをほとんど書いてなかったということで(といっても使いまわしなんですが)、去年作ったサウンド Web アプリ Sleigh Bells の改良版を公開します。

iOS 6以降の iPhone/iPod touch/iPad の Mobile Safari で動きます。
Mobile Safari 以外や Android では未確認。もしかしたら動くかもしれません。



 iPhone を振ってスレイベルをシャンシャン鳴らすだけの超シンプルなサウンド Web アプリで、JavaScript から Web Audio API と加速度センサーの値を取得する DeviceMotionEvent を使用しています。

スレイベル (Sleigh Bells)とは?

去年の記事と同じくまずはスレイベルの説明から。
スレイベルは木製の棒に鈴がたくさんついたパーカッションの一種です。
(輪っかに鈴がついた小型のタイプもあります)
名前や形は知らなくても、クリスマスの鈴の音といえば分かる人も多いのでは?



Sleigh Bells for iPhone の使い方


     

←左の QR コードをタップするか、iPhone のカメラで読み取って Sleigh Bells にアクセスしてください。
短縮 URL: http://goo.gl/72A8fF


使い方はいたってシンプルです。
  • まず「Sound Preview」ボタンで iPhone の音量を確認・調整してください。
  • iPhone を握って手首のスナップをきかせて振ってみてください。
  • 反応が悪い場合は振る速度を速くするか感度を低くしてみてください。
  振るときに iPhone がすっぽ抜けないように十分注意してください。
  (万が一 iPhone を落として壊してもこちらは責任は負いません)

プログラムの内容について

プログラムの処理内容に興味がない人はここから先はスルーしてください。
中身は去年作ったものとほぼ同じでサンプルレベルの短いものですが、細かい部分に少しだけ改良を加えました。

 UI 部分はお手軽な jQuery + jQuery UI の組み合わせで、タッチデバイス上のスライダーハンドルのドラッグ操作に対応するため jQuery プラグインの jquery-ui-touch-punch を利用しました。(ここは去年と同じ)

 今回は見た目も少し良くしようということで、MEDIALOOT で配布されているカスタマイズテーマの jQuery UI Theme: Retro のフリー版を元に、さらに少しだけカスタマイズを施しました。


 あと、特に必要というわけではないのですが、画面左上のアイコンをタッチすると画面が右にスライドして QR コードと短縮 URL を表示するようにしてあります。
 この部分の動作は jQuery プラグイン mmenu を利用しました。

↓JavaScript のサウンド関連部分だけ抜粋
var soundfile = 'sleigh-bells.mp3';
var locktime = 200;
var outputgain = 0.5;

var context = null;
var buffer = null;
var threshold = 0;
var valuemax = 3000;
var flashing = false;
var playing = true;

// Audio コンテキスト生成と音声ファイルの読み込み
try{
  var AudioContext = window.AudioContext || window.webkitAudioContext;
  context = new AudioContext();

  var request = new XMLHttpRequest();
  request.open('GET', soundfile, true);
  request.responseType = 'arraybuffer';
  request.onload = function(){
    context.decodeAudioData(request.response, function(data){
      buffer = data;
    });
  }
  request.send();
}catch(e){
  context = null;
}

// サウンド再生
function playSound(){
  if(playing) return;  // ロック中はキャンセル

  // 2度鳴り防止のロック時間を設定
  playing = true;
  window.setTimeout(function(){ playing = false; }, locktime);

 // サウンド再生
  var output = context.createGain();
  output.gain.value = outputgain;
  output.connect(context.destination);

  var src = context.createBufferSource();
  src.buffer = buffer;
  src.connect(output);
  src.noteOn(0);
}

// しきい値(感度)の設定
function setThreshold(value){
  threshold = value;
  var text = ["Sensitivity: ", parseInt(value / valuemax * 100), '%'].join('');
  $("#threshold-value").text(text);
}

$(function(){
  setThreshold(valuemax / 2);   // しきい値(感度)の初期値

  // Device Motion のイベントハンドラー指定
  $(window).on("devicemotion", function(e){
    if(Math.floor(e.originalEvent.acceleration.x * 100) > threshold){
      playSound();
    }
  });

  // Preview Sound ボタンのクリックイベント指定
  $("#preview").button().click(function(){
    playing  = false;
    playSound();
  }).focus();

  // しきい値(感度)のスライダーイベント指定
  $("#threshold-slider").slider({
    min: valuemax / 10, max: valuemax, range:'min',
    value: threshold,
    slide: function(event, ui){ setThreshold(ui.value); }
  }).draggable();
});

加速度センサーのイベント DeviceMotionEvent

iOS はバージョン 4.2 から加速度センサーの値を取得できる DeviceMotionEvent が追加されていて、JavaScript からイベントハンドラを指定してリアルタイムに現在値を取得することができます。

 » Safari Developer Library - DeviceMotionEvent Class Reference

window.addEventListener("devicemotion", function(e){
  // 傾きの加速度
  var accX = e.acceleration.x  // 左右方向
  var accY = e.acceleration.y  // 前後方向
  var accZ = e.acceleration.z  // 上下方向
  // 傾きの重力加速度
  var grvX = e.accelerationIncludingGravity.x
  var grvY = e.accelerationIncludingGravity.y
  var grvZ = e.accelerationIncludingGravity.z
  // 回転の加速度
  var rotZ = e.rotationRate.alpha  // z (上下方向)
  var rotX = e.rotationRate.beta    // x (左右方向)
  var rotY = e.rotationRate.gamma // y (前後方向)
});

// jQuery の .on(), .bind() で使う場合はプロパティの前に originalEvent を付加
$(window).on("devicemotion", function(e){
  var accX = e.originalEvent.acceleration.x
});

 Sleigh Bells では X 方向の加速度変化 (acceleration.x) だけを利用しています。X 方向は iPhone 本体正面から見て左右に動かしたときの移動で左方向がマイナス、右方向がプラスの値になります。
 今回の場合は握ったときに本体側面が対面になるので、前後に振る動作で変化する X 軸の値を利用します。

 指定した加速度に達したときに playSound() を呼び出して音を鳴らします。スレイベルを振る演奏操作的には振出しの動作と引きの動作の途中は鳴らずに、手前に強く押し出して止めたとき(加速度がマイナスからプラスの最大値に変化するとき)だけ鳴ればよいので、プラス方向でしきい値を超えたときだけ反応するようにしてあります。

 前回のバージョンでは、一振りで「シャシャン」と続けてトリガーされる2度鳴りが起こることがあったので、新たにトリガーロック時間を設けて指定時間内にトリガーがあった場合無視するようにしました。

Mobile Safari の Web Audio API

サウンドの再生は前回と同じく Mobile Safari で利用できる WebKit の Web Audio API を利用しています。

 去年初版を作ろうとした当初は HTML5 標準の Audio オブジェクトを使おうと思っていたのですが、Mobile Safari は Audio オブジェクトの play() を呼び出すたびに毎回律儀に音声ファイルをサーバーからロードしてしまって、再生が開始されるのが遅すぎて当初想定したレスポンスが得られないことが分かったので、今回も Web Audio API を採用しました。

 Safari Developer Library - Playing Sounds with the Web Audio API

 鈴の音の mp3 ファイルを Ajax 経由でバッファに読み込んでおいて、指定のタイミングで playSound() を呼ぶだけのシンプルな作りです。

// Audio コンテキスト生成と音声ファイルの読み込み
try{
  var AudioContext = window.AudioContext || window.webkitAudioContext;
  context = new AudioContext();
  var request = new XMLHttpRequest();
  request.open('GET', soundfile, true);
  request.responseType = 'arraybuffer';
  request.onload = function(){
    context.decodeAudioData(request.response, function(data){
      buffer = data;
    });
  }
  request.send();
}catch(e){
  context = null;
}

function playSound(){
  // ノードのルーティング
  var output = context.createGain();
  output.gain.value = outputgain;  // 出力ゲイン 0~1
  output.connect(context.destination);

  // バッファに読み込んだサウンドの再生
  var src = context.createBufferSource();
  src.buffer = buffer;
  src.connect(output);
  src.noteOn(0);
}

 あと、去年作っていて分かったことは、Mobile Safari は他のブラウザとちがって Web Audio API の再生はユーザーが画面上のボタンを押すなどの任意に画面操作を行うまでサウンドの再生が許されないという仕様で、ページロード後にいきなりサウンドを再生しても反応しない(オートプレイを禁止する)ようになっているということでした。

Apple Developer Library - Playing Sounds with the Web Audio API より抜粋

Note: On iOS, the Web Audio API requires sounds to be triggered from an explicit user action, such as a tap. Calling noteOn() from an onload event will not play sound.

 DeviceMotionEvent 経由で再生させる場合もこれ該当していて、ページロード直後に noteOn() を呼んでも反応しなかったため、苦肉の策として音量確認用という名目でプレビューボタンを設けました。
 一度任意で再生されると、後は Device Motion イベント経由でも再生できるようになります。

その他 Tips

 スライダーのようなドラッグ対応のコントロールを操作していると、まれに意図せず範囲選択状態になって鬱陶しいので、CSS に以下の宣言を追加して Mobile Safari の範囲選択を無効にしました。
* {
  -webkit-user-select: none;
}

 ページが画面内収まっている状態で余分なスクロールの押し戻しを無効にしたい場合は、HTML もしくは JavaScript で touchmove イベントを無効にします。
// HTML の場合
<body ontouchmove="event.preventDefault()">

// jQuery の場合
$(window).on("touchmove", function(e){ e.preventDefault(); });


ソースコードはサンプルレベルの短いものですが、JavaScript だけでもアイディア次第でこんなことができるサウンド Web アプリの一例として公開してみました。

他にもいくつか別のネタも作ってあるので後日公開予定です。

試すときはくれぐれも iPhone を落とさないように注意してください。

[関連サイト]
 jQuery
 jQuery UI
 jquery-ui-touch-punch
 MEDIALOOT - jQuery UI Theme: Retro
 mmenu
 Web Audio API
 Safari Developer Library


Web Audio API

Web Audio API

  • 作者: Boris Smus
  • 出版社/メーカー: Oreilly & Associates Inc
  • 発売日: 2013/03/22
  • メディア: ペーパーバック

permalink
trackback
このエントリーをはてなブックマークに追加



2014年11月 |2014年12月 |2015年01月