mstdn.jpの管理者であるnullkal(ぬるかる)さんがシンセサイザーを公開した。 ぬるかるさんが大学生のときに開発したシンセサイザーアプリで、Chromeなどのブラウザ上で動作する。ITmedia NEWSのインタビューでぼかした写真は掲載されたが一般公開はされていなかった。 Operator、LFO、Wave Mix、Speakerの4種類のモジュールを画面上にいくつも追加でき、相互につなげて音作りができる、モジュラー型シンセサイザーだ。Operatorは正弦波、矩形波、三角波、鋸歯波の4つの波形から選ぶことができ、矩形波はPWM(Pulse Width Modulation)可変。ADSRもあり、一見アナログシンセサイザーのようだが、FM変調をかけられるようで、金属的で過激なサウンドを作ることができる。画面下にあるキーボードで演奏可能。Chromeなどに実装されているWeb A
Google Chrome Media、WebベースのVRにおけるリアルタイム3D空間オーディオJavaScriptライブラリ「Songbird」を公開。すぐ試せるサンプルデモあり 2017-08-29 Chrome Mediaチームは、WebオーディオAPIを使用して任意のWebブラウザで動作するオープンソースの3D空間オーディオエンコーディングエンジンである「Songbird」を公開しました。 Google/songbird: Spatial Audio Encoding on the Web(GitHub) Songbirdは、Webオーディオアプリケーションのためのリアルタイム空間オーディオエンコーディングのJavaScriptライブラリです。 使用することで、開発者は任意の数のモノラルオーディオストリームを取り込み、それらをプログラム的に3D空間に置くことができ、Web上のバーチ
こんにちは、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を使用するという決定をし
HTML5には、リッチな表現を実現できる音に関する仕様がいくつかあります。このシリーズでは、ブラウザで音を扱うにはどういった方法があるかについて紹介していきます。
MSXplay View on GitHub MSX sound player on the web, powered by Emscripten. MSXplay はブラウザ内で MSX の音楽 (PSG,SCC,OPLL) をエミュレーション再生する実験的なサウンドプレイヤーです。 C言語版の libkss を Emscripten で JavaScript に変換して利用しています。 音声の再生にはブラウザの Web Audio API を使用しています。 MSXplay is an experimental MSX sound player which emulates PSG, SCC and OPLL on the JavaScript engine in the browser. The emulation core is based on libkss in C. Emsc
node.jsが入っていない方は、まずそちらからインストールしてください。 ウィンドウを開く Quick Startを参考に、ウィンドウを開く実装をしましょう。 ほとんど、htmlで実装されていて、アプリケーション部分が、すごく簡単にできるのに、驚かされますね。 WebAudio API 下記URLにWebAudioについて、記述があります。 https://github.com/atom/electron/blob/master/docs/api/browser-window.md 一般的なブラウザから見た場合、現在は、https対応したサイトか、localhostでないと動きませんが、webPreferences/webaudioはデフォルトでtrueなので、ソースを修正することなく、使えそうです。 experimentalFeatures, experimentalCanvasFea
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? まえがき シリーズ化するつもりで始めた 薄毛のエンジニアが〜 なのですが、最初の1本記事を書いただけで3ヶ月ほど間が空いてしまいました。いかんせん連休にならないと実装が進まないうえ、途中で迷いが生じて育毛しかけたりしていたのが原因です。 さて、そんなわけで今回も連休ということで前回と同様、またニッチな方面のソフトウェアを作ってみました。 Emscripten を使って、ブラウザ内で MSX の音をレンダリング再生 って意味が分からないですよね。 いや、おっさんプログラマの同志は分かる...? MSX というのは今から30年ぐらい前のコン
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ブラウザで本格的なサウンドプログラミングが可能になるWeb Audio APIを使って、リアルタイムで音声にフィルタを掛けられるツールを作りました。コードを書くことなくマウスで操作するだけで、好きな動画や音楽にエコーを掛けたりフィルタを掛けたり、MP3ファイルへとエンコードしたりと、いろいろな実験ができます。Web Audio APIやサウンドプログラミングの入門教材にもどうぞ。Web Audio APIは使ってみると楽しいAPIです。以下のURLで実際にブラウザ上で実行することができます。 (追記: BitbucketとGithubの
XSound - Web Audio API Library for Synthesizer, Effects, Visualization, Recording ... - NEW !! XSound 2.0 がリリースされました. 以下の変更が加えられています. ES5 から ES2015 ~ へコードの書き換え const, let アロー関数式 class 構文 ES Modules ... etc ESLint によるコード検証 webpack によるビルド環境 つまり, 内部が変わっただけで, 外部, すなわち, API は 1.x と同じです. コードリーディングしやすくなったことで, issue をたてたり PR を送ったりする敷居を低くしました. XSound とは ? Web Audio API のライブラリの1つで, サウンドの生成 ワンショットオーディオの再生 楽曲
WebAudio によるコネクティビティの向上 WebAudio はウェブの世界では数少ない、リアル世界との接続方法を提供する技術の一つである。 ウェブから「ディスプレイに何かを表示する」以外の方法で、出力するだけならば何らかのユーザ同意をとることもなく、直接リアル世界と繋がると考えると、貴重な技術である。 本セッションでは WebAudio を用いてモデムの実装をしながら、音声帯域の通信信号処理について簡単な紹介をしたい。 概要 WebAudio とは? -- WebAudio の概念(AudioNode / connect などの簡単な説明) 特殊なノード AnalyserNode, ScriptProcessorNode getMedia によるマイク音声入力 音声帯域での通信 -- 電話回線モデムのプロトコルは? 変調/復調とは? -- 原始的な変調方式 エラー訂正 昨今のトピック
EasyAudioEffects.js Easily set up sound effects to HTML elements Download on GitHub Latest Version : v1.0.0 with jQuery - v1.7.0 or Later. easyAudioEffects.js easyAudioEffects.js is jquery plug-in. This can be given a very easy sound effects for any of the elements on your WEB site. compatible browser This plug-in is the reaction slightly in Safari is slow. (Jun , 2015)
This is a codelab for Web Audio API.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く