初心者でも音楽アプリが作れる！Web Audio APIを簡略化したJSライブラリ「Tone.js」でピアノ鍵盤を作ってみよう！ - paiza開発日誌

2017/03/01 90 users JSライブラリ ピアノ鍵盤 paiza開発日誌 実装 簡略化

2017 - 03 - 01 初心者でも音楽アプリが作れる！Web Audio APIを簡略化したJSライブラリ「Tone.js」でピアノ鍵盤を作ってみよう！ プログラミング初心者 プログラミング学習 Webサービス紹介 開発ネタ どうも、まさとらん（ @0310lan ）です。 今回は、Web Audio API の実装で面倒な処理をすべて簡略化し、 誰でも音楽プログラミングを楽しむことが可能な... 続きを読む

GitHub - mohayonao/web-audio-lesson

2016/06/11 83 users GitHub mohayonao node.js 応用 手順

これはWeb Audio APIの基礎から応用までを実践的な視点からざっくりと説明した学習用テキストです。 オンライン版: http://mohayonao.github.io/web-audio-lesson/ 課題に取り組むにはオフライン版を使用してください。 オフライン版を実行するには Node.js v4.0以降が必要です。 Node.jsは次の手順でインストールできます。 Node.js... 続きを読む

【Web Audio API + Web MIDI API】ブラウザで電子楽器を作ってみよう！ | HTML5Experts.jp

2015/03/23 90 users API ハンズオン HTML5Experts.jp 電子楽器

ブラウザ上で音を扱うというと、直接音を加工できるWeb Audio API、ブラウザから直接MIDIデバイスと接続できるWeb MIDI APIの2つがここ数年の間に利用可能になり、実際のWebサイトでも使われるようになりました。 今回は「ハンズオンだともっとよかった」というお声を頂きましたHTML5 Conference 2015での講演内容を元に、2つのAPIの説明と、実際にブラウザ上に電子楽... 続きを読む

iPhoneでワウペダルを作ったった - aikeの日記

2014/11/03 140 users iPhone aike カッティング ギター 加速度センサー

ワウペダルが好きです。ギターのカッティングにかけて遊んでいるとあっというまに時間が過ぎていきます。そんなわけでどこのご家庭にもあるiPhoneとJavaScriptでワウペダルを作ることにしました。こんなやつ。　JavaScriptでiPhoneの加速度センサーとWeb Audio APIを使ったワウペダル作った。 http://t.co/rGDHh5FaWb https://t.co/erfjy... 続きを読む

JavaScriptだけでMIDIで遊べる！最高に乱暴なWeb MIDI API利用方法 - Qiita

2014/08/25 58 users API ハッカソンイベント 最低限 手間 Qiita

Web MIDI API / Web Audio APIを使ったハッカソンイベント「Web Music ハッカソン #3」が近づいていますので、ここでWeb MIDI APIの使い方を振り返ってみましょう。 はじめに断っておきますが、これは 乱暴者による乱暴者向けの記事です。 最低限の手間で、Web MIDI APIに対応してる気分を味わう までを目指します。 ちゃんと勉強したい方は、下記リンクを... 続きを読む

HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API ...

2014/04/24 164 users WebGL WebSocket WebRTC 金城 応用

HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版 Presentation Transcript HTML5の基礎と応用 Open Web Platform WebSocket / WebRTC / Web Audio API / WebGL 2014/04/21 金城 雄 NTTアドバンス... 続きを読む

WEB SOUNDER - Web Audio API 解説 -

2013/10/27 74 users 解説 シーケンサー 百聞 アドオン 要約

Web Audio APIの解説. Web Audio APIを利用したアプリケーションを作成する.「ブラウザのみで高機能なサウンド処理を実現する」 これが, Web Audio APIで可能になることの要約です. Web Audio APIを利用することにより, プラグイン（アドオン）がなくても, ブラウザで動作する楽器アプリや, シーケンサー, ゲームの効果音などを作成可能になります. 百聞は... 続きを読む

HTML5と WebSocket / WebRTC / Web Audio API / WebGL 技術解説

2013/10/19 358 users WebGL WebSocket WebRTC 金城 技術解説

HTML5と WebSocket / WebRTC / Web Audio API / WebGL 技術解説 Presentation Transcript WebSocket / WebRTC 技術解説 第6回 CORETEC技術講習会 HTML５などの最新Web技術 2013/10/18 金城 雄 NTTアドバンステクノロジ 情報機器テクノロジセンタ所属 WebSocket / WebRTC ... 続きを読む

HTML5のWeb Audio APIと超音波を使った音による通信技術 - GIGAZINE

2013/08/09 80 users GIGAZINE HTML 超音波 通信技術

by mikael altemark PCやスマートフォンをネットに接続したり、他のデバイスと接続したりするときに使われる規格はWi-FiだったりBluetoothだったりといろいろありますが、最初に接続の設定をきっちり終えるまでがかなり面倒で、また、規格違いに悩まされることもあります。こういった悩みを一掃できるのではないか、ということで従来と異なる方向からアプローチしたのがBoris Smusさ... 続きを読む

TEST CORDING » JavaScriptでオーディオビジュアライザを作ってみた

2013/03/01 3088 users tmlib.js TEST CORDING ライブラリ 一言

Web Audio API という、ブラウザ上で音を解析したり鳴らしたりできるプログラムを利用してオーディオビジュアライザを作ってみました。 使用しているライブラリ @phi_jp さんが作成された、 tmlib.js を利用しています。このライブラリは……一言で「コレができる」ってものではなく、いろんなことができます。本当に。 Web Audio API にも対応されたということで使っています。... 続きを読む

Web Audio APIでファミコンノイズを鳴らしてみる - aikeの日記

2012/12/24 68 users aike スネアドラム ホワイトノイズ 敵機 ウェブブラウザ

おっさんには懐かしいファミコンのノイズ音をWeb Audio APIを使ってウェブブラウザで再現してみます。今聴くとかなり表現力に乏しい感じのノイズですが、当時はこれで宇宙船の推進音や敵機の爆発音、レーザー光線やスネアドラムなど無限にイメージが膨らんだものです。　このファミコンの音源プロセッサRP2A03のノイズは、単純な乱数によるホワイトノイズなどでは再現できません。ノイズ生成のロジックをそのま... 続きを読む

はじめての Web Audio API

2011/12/26 83 users

続きを読む

ブラウザ + WebSocket で電話する - PARAGRAPHS

2011/11/06 133 users WebSocket PARAGRAPHS ブラウザ API

http://tily.no.de/telephoneトップページ、部屋とニックネームを決めて開始するhttp://tily.no.de/telephone/sandbox 手軽に試す用電話というか音声チャットなんだけど、Flash のマイクでとった音声を WebSocket 経由で送信して、受け取った側では Web Audio API とか Audio Data API とかで再生するというのを... 続きを読む

JavaScriptでリアルタイムに音を出すときに簡単便利なやつつくった - つまみ食う

2011/11/06 92 users リアルタイム ヤツ JavaScript Audio API

web, JavaScript, audio 先日作成した「関西電気保安協会リズムマシーン」と「ONE-LINER-ORCHESTRA」が Chrome, Safari *1 (Web Audio API) Firefox (Audio Data API) Opera (HTMLAudioElement)で使えるようになりました。 どちらも pico-player.js っていう拙作ライブラリを使... 続きを読む