ad

2012年8月7日火曜日

Javascriptで音を鳴らす Part.3

第1回→ Part.1 「とにかく音を鳴らしてみよう」
第2回→ Part.2 「音を鳴らしたり止めたりしてみよう」

第1回はTimbre.jsを利用し,とにかく音を鳴らす最小構成のコードを書いてみました.
第2回は音を鳴らしたり,止めたりするコードを書いてみました.
今回は色々な種類の音を鳴らしてみたいと思います.

Timbre基本オブジェクトはいくつかのOscillatorクラス?を備えています.


第1回,第2回では"sin"を使用しました.
今回は他のものも使ってみます.

以下のコードをエディタ(メモ帳でもなんでもOK)に転記して,名前をつけて".html"として保存.
ブラウザで開いて確認してください.
 
<html>
<head>
<script src="http://mohayonao.github.com/timbre/timbre.min.js"></script>
</head>
<body>


<script type="text/javascript">

function scratch_sin(){
  sounds = T("sin");
  sounds.play();
}
function sin_off(){
 sounds.pause();
}

function scratch_fami(){
 soundf = T("fami");
 soundf.play();
}
function fami_off(){
 soundf.pause();
}

function scratch_konami(){
 soundk = T("konami");
 soundk.play();
}
function konami_off(){
 soundk.pause();
}

</script>


 <form name="switch_scratch">
  <div>
   <input type="button" value=' Sin ' onClick="scratch_sin()">
   <input type="button" value=" - oFF -" onClick="sin_off()">
  </div>

  <div>
   <input type="button" value=' Fami ' onClick="scratch_fami()">
   <input type="button" value=" - oFF -" onClick="fami_off()">
  </div>

  <div>
   <input type="button" value=' Konami ' onClick="scratch_konami()">
   <input type="button" value=" - oFF -" onClick="konami_off()">
  </div>

 </form>


</body>
</html>




コードは,第2回と同じようなものを繰り返し作ってるだけです.


☆famiが何を意味しているか,konamiが何か,他にどのようなクラス?があるかは,
☆申し訳ないのですが,分かりません・・・



多分もうちょっとだけ続きます.

2012年8月6日月曜日

Javascriptで音を鳴らす Part.2

前回→ Part.1 「とにかく音を鳴らしてみよう」

前回はTimbre.jsを利用し,とにかく音を鳴らす最小構成のコードを書いてみました.
今回は音を鳴らしたり,止めたりするコードを書いてみたいと思います.

Timbre基本オブジェクトはいくつかの手続きを実装しています.
今回はその中からplayメソッドとpauseメソッドを使用しました.

・まずはtimbre.min.jsを読み込みます.
・各ボタンを押された場合,スタート,ストップするjabascriptを書きました.

以下のコードをエディタ(メモ帳でもなんでもOK)に転記して,名前をつけて".html"として保存.
ブラウザで開いて確認してください.
 
<html>
<head>
<script src="http://mohayonao.github.com/timbre/timbre.min.js"></script>
</head>
<body>

<script type="text/javascript">

function scratch_on(){
  sound = T("pulse");
  sound.play();
}

function scratch_off(){
  sound.pause();
}

</script>


<form name="switch_scratch">
  <div>
    <input type="button" value=" - oN - " onClick="scratch_on()">
  </div>
  <div>
    <input type="button" value=" - oFF -" onClick="scratch_off()">
  </div>
</form>


</body>
</html>



動きましたでしょうか.
それでは,また.

2012年7月30日月曜日

ICT,IT関係者向けオススメTED動画

  • TEDとは
    • 1984年から始まったプレゼン大会.
    • 近年,動画が公開されるようになった.


今回,いくつかのTED動画をご紹介したいと思います.
・iT業界関係者向け?短いTED動画 ×3
・個人的BEST TED動画
・実験系 TED動画


IT業界の方が興味を持ちそうな短いTED動画を3つ選んでみました.
英語のヒアリング教材になるか分かりません!


1.Arthur Benjamin:  Teach statistics before calculus!   
  アーサー・ベンジャミン,微分積分の前に統計学を教えよう!

2.Adam Ostrow:  After your final status update
  アダム・オストロー:生涯最後のブログうpをしたあと 


3.Christopher "moot" Poole:  The case for anonymity online
  4chan管理人が4ちゃんを語る




↓アーサー・ベンジャミン,微分積分の前に統計学を教えよう!





個人的ベストTEDはJamie Oliverのこのプレゼンです.
よかったら見てみて下さい.(少し長いです)



実験系のTED動画もあります.
デモを実際にやって見せてる動画.

Michael Pritchard



番外編:ICT,IT関係者にオススメしたい英語番組

2012年7月17日火曜日

Javascriptで音を鳴らす Part.1

Timbre.jsで音を鳴らしてみよう!
(私自身,よく分かってないので,step by step で書いてみます.)

Timbre.jsとは,Javascriptで音を鳴らすライブラリです.
リンク

試しに,簡単なコードを書いてみます.
まず,ライブラリとして,github上のmin.jsを読み込みます.
 
<html>
<head>
<script src="http://mohayonao.github.com/timbre/timbre.min.js"></script>
</head>
<body>

<script type="text/javascript">

T("sin", 523.25).play();


</script>

</body>
</html>



注意して欲しいのが,
全てのウェブブラウザで対応している訳ではないということ.

お手持ちのウェブブラウザでは動かない可能性がありますので,
いくつかの最新ブラウザでテストしてみることをオススメ致します

つづく(maybe