Web Audio API 解説 - 01.前説 | g200kg Music & Software
: サイト内検索 トップ 製品 KnobMan 偏ったDTM用語辞典 過去記事一覧 ソフトウェア/VST WebMusic その他 g200kg > Web Audio API 解説 > 01.前説 Web Audio API 解説 2019/01/1901.前説 « Prev 01.前説 02.とりあえず音を出す 03.オシレーターの使い方 04.ノードの接続 05.ノードのライフタイム 06.バッファソースでワンショットサンプルから音を出す 07.パラメータとオートメーション 08.a-rateパラメーターとk-rateパラメーター 09.スクリプトプロセッサーの使い方 10.フィルターの使い方 11.オシレーターのカスタム波形 12.アナライザーの使い方 13.ディレイの使い方 14.ウェイブシェイパーの使い方 15.コンプレッサーの使い方 16.コンボルバーの使い方 17.パンナー
Web MIDI API
Web MIDI API W3C Working Draft 21 January 2025 More details about this document This version: https://www.w3.org/TR/2025/WD-webmidi-20250121/ Latest published version: https://www.w3.org/TR/webmidi/ Latest editor's draft:https://webaudio.github.io/web-midi-api/ History: https://www.w3.org/standards/history/webmidi/ Commit history Test suite:https://github.com/web-platform-tests/wpt/tree/master/web
Node.js＋Socket.ioを利用してサーバ<->サーバ間通信
クライアント<->サーバ間でリアルタイム通信をしたい場合にsocket.ioを利用すると思いますが、 今回はこれを利用してサーバ<->サーバ間通信を実現してみます。 ※ socket.ioのバージョンは「1.3.5」を利用しています。 受信側： server.js var socketio = require("socket.io"); var io = socketio.listen(3000); console.log("start socket.io server."); io.sockets.on("connection", function (socket) { console.log("user connect!") socket.on("message", function (data) { console.log(data); }); }); 受信側は特に特殊な実装はなし。
webpack-dev-serverの基本的な使い方とポイント - dackdive's blog
はじめに （2017/08/10追記） この記事では webpack-dev-server を独立したサーバーとして使う場合の方法です。 また webpack 1 系の情報になっており少々古いです。 最新の設定についてはこちらの GitHub リポジトリを参考にしてください。 https://github.com/zaki-yama/redux-express-template （追記ここまで） JavaScript のビルドに webpack を使っている場合、ローカルでの開発には webpack-dev-server を使うと便利です。 通常の webpack コマンドも --watch （または -w）オプションつきで実行することにより ファイルの変更を検知して自動でリビルドを行うことが可能ですが、 webpack-dev-server は上記に加えて ローカルサーバーも起動してくれ
最新版で学ぶwebpack 4入門 – JavaScript開発で人気のバンドルツール - ICS MEDIA
webpack（ウェブパック）とはJSファイルをまとめる高機能なモジュールバンドラー。まとめることでウェブページのHTTPリクエストの数を減らしたり、高度なウェブアプリケーションの開発に役立ちます。 連載ではTypeScriptやBabelなどのES2015+の環境構築、ReactなどのJSライブラリの設定方法を網羅。サンプルファイルで詳しく解説します。 webpackの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。検索結果の上位の野良記事を参照にしたら古いバージョンの内容ばかり。解説記事通りにやったのにうまく動かない･･･なんて困った方も多いのではないでしょうか。本記事は常に最新版に対応させているので、安心して読み進めてください。 ※本記事では2023年3月現在のwebpack 5（2020年10月リリース）以上で解説しています。 本記事で解説しているこ
いかにしてJavaScriptを教えるか - mizchi's blog
経緯 ドワンゴ様から恵贈頂いた。 高校生からはじめる プログラミング 作者: 吉村総一郎出版社/メーカー: KADOKAWA発売日: 2017/04/14メディア: 単行本この商品を含むブログを見る …読んでみたけど、HTML/CSS/JS の初歩的な部分を、初学者にやらせるとこうなる、という素朴な世界観で、CSSフレームワークもJSライブラリも出てこない。いや、出せと言ってるわけじゃない。理解せずにフレームワークを使う習慣がつくと、スクリプトキディ的な振る舞いによっていくし、教える側としても、変数が大きくなってコントロールできないのが問題だろう。 じゃあ基礎を抑えたとして、この先どう教えるといいんだろうな、というのは、たしかに自分も前から考えてはいて、それを書いてみる。 この文章のターゲット JavaScriptを教える人、またはポインタがあれば自学できる中級者以上 追記: すべての初学
bosuke
技術書典14の新刊 「キーボード配列変換ハードウエア」のソースコードならびに、ハードウエアの使い方などは以下のレポジトリを参照してください。 https://github.com/BOSUKE/USBKeyboard_Hakadorun2 ※ 技術書典14(2013/05/12)で頒布したハードウエアに書き込まれているファーム（Rev001）には重大なバグがあります。修正版ファームの適用については、上記レポジトリのREADME.mdを参照してください。(技術書典15以降で頒布したハードウエアはRev002に更新されています） 10/8(月)の 技術書典5 にて当 電脳律速 にて同人誌を購入していただけた方、ありがとうございました。残念ながら完売後にサークルにいらした方、BOOTH https://d-rissoku.booth.pm/ にて電子版(PDF版)を頒布中です。ぜひご利用ください
WebRTCでビデオチャットアプリ作成① メディア情報の取得 - ぷろぐらま
WebRTCを使ってビデオチャットアプリ作成。 何回かに分けてアップします。 基本的な映像・音声の通信に加えてファイル転送、 複数人での通信、NAT超え対応あたりまでやりたいと思います。 環境は以下です。 OS: AWSのEC2でUbuntuを利用 Webサーバ : Tomcat ブラウザ: Chrome OSやWebサーバは何でも良いですが後で会議室機能を作りたくなるかも知れないので Tomcatにしておきます。 事前準備 AWS上でJDK8とTomcat7をインストールします。 sudo add-apt-repository ppa:webupd8team/java sudo apt-get update sudo apt-get install oracle-java8-installer sudo apt-get install tomcat7 /etc/default/tomca
Reactでシンセサイザーを作った話 - Speee DEVELOPER BLOG
こんにちは、nishayaです。 管理部のエンジニアとして、社内向けのシステムを作ったり、 社内で開催されるイベントでコーヒーを淹れたりしています。 社内向けだからこそできる冒険もある、ということで、 現在はReact/Reduxを用いたSPA開発を行っています。 今回のSpeeeKaigi(下記の記事を参照)では、 ReactとReduxを使ってシンセサイザーを作る話をしました。 tech.speee.jp 発表資料 使用したもの React Redux Web MIDI API Web Audio API Web MIDI APIを使用しているため、今回のターゲットブラウザはGoogle Chromeのみとしました。 そのため、webkit プレフィクス付きのAudioContextにも対応していません。 モチベーション 業務でSPA開発にReact/Reduxを使用するという決定をし
初心者のためのGoogle Apps Scriptプログラミング入門 - libro
※ページが正常に表示されない場合 AddBlockなどの広告ブロックツールがONになっていると、ページの一部が表示されないことがあります。これらのツールをOFFにしてみてください。
React基礎 · GitBook
React基礎 レッスン Lesson 01: 環境構築 Lesson 02: ES2015について Lesson 03: 関数型の書き方 Lesson 04: 初めてのコンポーネント Lesson 05: 初めてのinline style Lesson 06: 初めてのprops Lesson 07: 配列からの展開 Lesson 08: フォームの定義 Lesson 09: フォームによるデータ追加 Lesson 10: 総合課題「目的特化型電卓を作ってみよう」 おまけ Appendix 01: 様々なコンポーネントの書き方 Appendix 02: コンポーネントのstate Appendix 03: コンポーネントのライフサイクルメソッド Appendix 04: JSX vs. createElement Appendix 05: PropTypes Appendix 06: p
HTML5 Conference 2013の動画に Web Audio API のローパスフィルタを適用して聞きやすくする (Kanasansoft Web Lab.)
追記ルームによって音響特性が全然違いました。 なので、あまり役に立たないようです。 追記ここまで。 HTML5 Conference 2013の動画がYouTube上で公開されています。 html5j - YouTube ただ、長時間聞いていると高音のノイズが気になってきたので、Web Audio API のローパスフィルタを使って、ノイズを消すコードを書きました。 YouTubeの動画のページを開いてから、Webコンソール上で実行して下さい。 ローパスフィルタには2400Hzを指定していますが、「こういう動画に向いた定番の値があるよ!」等のツッコミをお待ちしています。 (function(){ var AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext || w
Web AudioでYoutube、itunes上の曲を元に、WebGL（GLSLシェーダー）でリアルタイムビジュアライズ - Qiita
WebGL Advent Calendar 3日目の記事です。初めて赤くなりました！ ブラウザで、Youtube上の曲を元にしてGLSL(WebGL)でリアルタイムビジュアライズします。応用編としてitunesの曲や自分の声でもできるようになりました。（無理矢理） Web Audio APIのアナライザーノードというのは使ったことがなかったんですが、mdnのデモを見ていて、結構感度が良かったのでゴニョゴニョやってみる。 ↓イメージ（canvasとvideoの二枚重ね） 音のソースとしてYoutube（実際にはマスターのオーディオ）を使い、背景でも流しつつ、Web Audio APIで取得します。 その上にcanvasを置いて、WebGL経由でGLSLのシェーダーを置いていきます。 最後に音域データを料理して、シェーダーに反応させます。ビートを刻んでいる感じになりました。 何はともあれ、de
Reactの考え方 | React 0.13 日本語リファレンス | js STUDIO
これは、元はReactの公式ブログへ投稿されたものです。 個人的な見解になりますが、ReactはJavaScriptを使用した大規模で高速なWebアプリケーションを開発する、 最も優れた方法であると考えています。 これは、FacebookとInstagramにおいて、我々にとって良い結果をもたらしてくれています。 Reactの優れた点の1つに、アプリケーションの構築を、どのように考えさせるかという事が挙げられます。 このページでは、Reactを使用した検索可能な商品データのテーブルを構築する過程を通して、学んでいきます。 まずは、モック作りから ステップ1: UIをコンポーネント階層に分割 ステップ2: Reactの静的版の構築 ステップ3: UIステートの必要最小限構成 ステップ4: ステートを使用するべき場所の特定 ステップ5: 別(逆)データフローの追加 最後に まずは、モック作りか
Tutorial: Tic-Tac-Toe – React
You will build a small tic-tac-toe game during this tutorial. This tutorial does not assume any existing React knowledge. The techniques you’ll learn in the tutorial are fundamental to building any React app, and fully understanding it will give you a deep understanding of React. This tutorial is designed for people who prefer to learn by doing and want to quickly try making something tangible. If
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebAudioDesigner | g200kg
GitHub - puppeteer/puppeteer: JavaScript API for Chrome and Firefox
電脳ゴリラ — Audio visualization using Processing.js
GitHub - mohayonao/web-audio-lesson
Theremin - Play your own musical synth with delay, feedback & scuzz
