タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
【WebAudioAPI】マイク入力もできるみたい（実験はまだ） - Little Strange Software
どうも！LSSです！！ なんとなく検索してみたんですが、WebAudioAPIってマイクからの入力も読み取れるみたいですね。 www.google.co.jp 検索したきっかけは、 arsinput.hatenablog.jp arsinput.hatenablog.jp アーシさんの記事で、音感トレーニングの話題があったので、 「ブラウザが発した音がどの音階か当てるゲーム」 なら作れそう、と思ったところから。 「絶対音感」を持つ人は、この音階当てができますが、ふと「音痴と呼ばれるのは、聴くほうじゃなくて発する音が外れている事に気づかない人の事を言うのでは？」と思ったところで、発した音（声）の判定なんてのもできるのかな？と思ったのです。 音階の周波数の算出方法は little-strange.hatenablog.com で既に分かっているので、「マイクから入力された音の周波数がどの音階の
【WebAudioAPI】おもちゃの楽器風・水滴鍵盤 - Little Strange Software
どうも！LSSです！！ 【CSS】水滴・改変【小ネタ続編】 の記事に、 あとか(id:c089818) ちょっと訪問できなかった間に、楽しいことができてますねー！ 色とりどりのコーナーは押すと、それぞれから音が鳴りそうで、試しに音量を上げちゃいました😅 とのコメントをいただきました。 なるほど、子ども向けのおもちゃの楽器にありそうな感じですね^^ そして、WebAudioAPIを使えば、JavaScriptによってWebページ上で音を鳴らす事ができます。 というわけで作ってみちゃいました！ 水滴鍵盤 ※クリックすると音が鳴ります 一応、コード 実は、楽器は作ってみたかった ８音で何が演奏できる？？ 水滴鍵盤 ※クリックすると音が鳴ります ど れ み ふぁ そ ら し ど 一応、コード <style> .pichons{ width:150px; height:100px; backgro
【WebAudioAPI】半自動演奏「きよしこの夜」 - Little Strange Software
どうも！LSSです！！ 久しぶりの「WebAudioAPI」記事です^^ WebAudioAPI…JavaScriptからブラウザ上で音を鳴らせる仕組み そしてギリギリのクリスマスネタですｗ 半自動演奏「きよしこの夜」 コード 音階指定について 半自動演奏「きよしこの夜」 ↑のボタンを押すと「ソ」の音が鳴ります。 もう一度押すと「ラ」の音が鳴ります。 その次はまた「ソ」…というように、「きよしこの夜」のメロディの音符順に音が鳴るので、タイミングよく押して演奏する事ができます^^ つまり「音階だけ事前に用意されていて、リズムはクリックする人任せ」な「半自動演奏」です。 「きよしこの夜」を忠実に再現するもよし、スローテンポに演奏するもよし、全く異なるリズムで演奏する事もできちゃいますねｗ 最後まで演奏すると、また最初からになります。 コード <style> #btn{ width:200px;
【WebAudioAPI】MMLプレイヤー、タイミング合わせに成功しました^^ - Little Strange Software
どうも！LSSです！！ JavaScriptで曲を演奏できる！と知ってから取り掛かり始めた、MMLプレイヤー作成ですが、 複数のメロディを再生できるようにはなったものの、タイミングがズレてしまう！という致命的な問題にぶち当たっていました^^; が、解決策を見つけ、試してみたところ、無事成功しちゃいました！！ 他に実装したい機能もあるにはありますが、とりいそぎ、お披露目しちゃいます^^ MMLプレイヤー コード 音ズレの解決策 あとがき MMLプレイヤー l4g8r16g16ag<c>b2 g8r16g16ag<dc2> g8r16g16<gec>ba2r2 <f8r16f16ecdc2.> o3l4g8r16g16ag<c>b2 g8r16g16ag<dc2> g8r16g16<ec>gba2r2 <c8r16c16c>ggg2. l4rc2eg2. g2fe2. c2ef2.r2 g#g
【JavaScript】WebAudioAPIで１２音階を鳴らしてみます！ - Little Strange Software
どうも！LSSです！！ WebAudioAPIで色々試していますが、今回はそのうち「ドレミ」１２音階を鳴らしてみるものを作ってみました！ なお、基準となる音「ラ」の音の周波数は440Hzだったり442Hzだったりするようですが、今回は「442Hz」で計算しています。 スライダーでオクターブや音階を選び、「音を鳴らす」ボタンを押すと、３秒間、指定した音が鳴る、というサンプルになります。 サンプル コード あとがき サンプル コード <p><input id="oto1" type="button" value="音を鳴らす" /></p> <p><span id="octg"></span><br /><input id="oct" style="width: 100%;" max="6" min="2" type="range" value="4" /></p> <p><span id="
【つまづき】WebAudioAPIとiPhone - Little Strange Software
どうも！LSSです！！ 【WebAudioAPI】その昔、初めて片想い→失恋を経験した男が作った曲ｗ - Little Strange Software がiPhoneで再生できないようで、iPhoneを持ってない身では「うーん、どこからだろう？」ってなってますｗ 追記：タッチイベントボタン「鳴らす（iPhone用テスト）」を追加してみました。 例えば…だいぶ前に遡って、 【JavaScript】WebAudioAPIで音を生成してみるテスト - Little Strange Software は鳴ります？ あと、 【WebAudioAPI】超簡易MML（作り始めｗ） - Little Strange Software はどうでしょうか。 それとも…iPhoneでも環境（OSバージョン・使用ブラウザ（はてなアプリ・Safari・Chrome））によるものなのかも？ ってなとこで、今回はこの
【JavaScript】WebAudioAPIで音を生成してみるテスト - Little Strange Software
どうも！LSSです！！ 昨日、 【JavaScript】できないと思ってたらできた！？ Web Audio API でJavaScriptから音を生成（サンプル第一歩目ｗ） で新たな扉を開いてしまいましたｗ で、色々と試していたんですが、どう設定したらどんな音になるか？は、想像がつきにくいですよね。 なので、主に自分用にですが、 「手軽に設定変更して即座にどんな音になるか試せるツール」 を作ってみました！ 「特に何かの役にたつ」というものではありませんが、…とりあえず遊べますｗ 音生成テスト コード 一番分かりにくいのは「変化」の項目 他にも色々試してみています 音生成テスト 以下の各項目を変更するか、最後のボタンを押すか、いずれかを行うたびに音が鳴ります^^ 音色 変化 コード 一応、このツールのコードを晒しておきます。 <p>音色</p> <select id="freq" size=
【WebAudioAPI】その昔、初めて片想い→失恋を経験した男が作った曲ｗ - Little Strange Software
どうも！LSSです！！ ええと…もう遥か昔の話になりますが。 自分が初めて「失恋」というものを体験した際に、記念に（？）作った曲がありますｗ WebAudioAPIで曲を演奏できる事を覚えたので、ここでひとつ、晒してみます！ 曲名：Sweetdays 元々、切ない系メロディが好きですが 音ズレについては未だ解決せず 曲名：Sweetdays eab <c>bab4g4e agfg4e4c fede4ea<c> b4g#e4eab <c>bab4g4e agfg4e4c fede4ea<c> b4g#a4eab <c>bab4g4e agfg4e4c fede4ea<c> b4g#e4eab <c>bab4g4e agfg4e4c fede4ea<c> b4g#a4eab <c>bab4g4e agfg4e4c fede4ea<c> b4g#e4eab <c>bab4g4e agfg4e4c
【WebAudioAPI】なぞのがっき２【スマホ専用】 - Little Strange Software
どうも！LSSです！！ ほとんどのスマホには加速度センサー（動かした時の速度）や、ジャイロセンサー（傾き検知）が搭載されています。 自分がスマホを使い始めた頃は、それらのセンサーを使ったゲーム（TempleRunとか）を遊んだ覚えがありますが、近年まったくと言っていいほど、センサーを活用したものを見かけない気が…。 単にLSSが知らないだけかもですが、それはさておき。 JavaScriptからも、それらのセンサーを読み取る事ができるので、今回は 「加速度センサーを利用した なぞのがっき」 を作ってみました！ （今回はスマホ専用です。） なぞのがっき２ コード 加速度センサー 音について あとがき なぞのがっき２ 閉じる スマホを振ると音がなります！ すっぽ抜けて投げてしまわないよう注意！！ 右上の「閉じる」で終了します。 なぞのがっき２ （注：音が鳴ります） ↑をクリックすると、画面全体が
【WebAudioAPI】MMLプレイヤー制作中【なにかがおかしい】 - Little Strange Software
どうも！LSSです！！ 【WebAudioAPI】超簡易MML（作り始めｗ） に続き、MMLプレイヤーを作っていました。 オクターブ変更・半音階対応・音長指定・３チャンネルまでの同時再生、に対応できました！！ …が、どうも最後の「同時再生」が微妙にズレるような…？？ MMLプレイヤー まずは「鳴らす」をクリック MML文法について 音階 音長 休符 オクターブ その他 同時再生については（仮）って事で^^; MMLプレイヤー <c4>bagfed crcrccde fffec2> b4<c4d4>b4< cdedc2 bbbbb2 <cccc4.>b4 <c1> o3 r1 e2f2d2e2 c2d2>b2<c2 bbbbb2 f1 e1 まずは「鳴らす」をクリック まずは「鳴らす」ボタンを押してみてください。 音楽が演奏されます。 ３つの入力欄がありますが、そこに入っている文字列を消して
【WebAudioAPI】超簡易MML（作り始めｗ） - Little Strange Software
どうも！LSSです！！ WebAudioAPIでやりたかった事のひとつに、 「MMLを再生するプレイヤーを作る」 があります。 「オクターブ変更は…」「音の長さを変えるには…」「休符は…」「テンポ指定は…」などなど、考えれば考えるほど大変そうになってきますｗ ので、とりあえずは「ごくごく簡単なモノ」をまずは試しに作ってみました^^ （ＬＳＳ得意のハードル下げｗ） 超簡易ＭＭＬプレイヤー MMLとは 「超簡易」とはいえ、MMLプレイヤーを名乗るのはおこがましいレベルｗ 一応…今回のコード！ 超簡易ＭＭＬプレイヤー まずは「鳴らす」ボタンを押してください。 「ミファソミッ、ファソミレミファレッ、ミファレ…」みたいな短い音楽が流れます。 これが、そのボタンの上にある入力欄の文字列を解釈して、順に音を鳴らしたものになります。 入力欄の内容を書き換える事で、オリジナルの音楽を演奏できます！ といって
【WebAudioAPI】なぞのがっき を作ってみました - Little Strange Software
どうも！LSSです！！ 今日は、WebAudioAPIを利用した「なぞのがっき」を作ってみました！ なぞのがっき 仕様 コード 唐突に、なぞなものを作った動機 にゃんこの反応 なぞのがっき 画面を閉じる ここをクリックすると始まります（注意：音が鳴ります） 終わる時は画面左上に現れる「画面を閉じる」をクリックしてください。 仕様 一応、スマホやタブレットのマルチタッチに対応していますが、PCのマウスクリックでも鳴ります。 タップまたはクリックした場所の「画面上の横位置」に応じた高さの音が鳴ります。（約２秒間） コード <style><!-- #gamen{display:none;background-color:#000000e0;width:100%;height:100%;position:fixed;top:0px;left:0px;} --></style> <div id="g
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dentou.work
akito-takizawa.com
garumax.com
www.asahi.com
news.ntv.co.jp
qrude.hateblo.jp