Strudel REPL
Strudel is a music live coding environment for the browser, porting the TidalCycles pattern language to JavaScript.
ambiphone. ambient music + sounds for work, study and relaxation.
Ambient music + sounds for work, study and relaxation
Extralife Instruments ER-99 Web Drum Synthesizer
What Is ER-99? ER-99 is a web-based instrument 🎛️ based on a famous Japanese drum machine from the 1980s. It was built to celebrate 9/09 day 2022 🎉! All of the drums are synthesized using the WebAudio API. The hi-hats, crash, and ride cymbals are produced from sampled audio. The complete source code is available on Github. How do I play? You can play the drums by pressing the number buttons on y
Let’s Create a Custom Audio Player | CSS-Tricks
HTML has a built-in native audio player interface that we get simply using the <audio> element. Point it to a sound file and that’s all there is to it. We even get to specify multiple files for better browser support, as well as a little CSS flexibility to style things up, like giving the audio player a border, some rounded corners, and maybe a little padding and margin. But even with all that… th
Webでどこまで遊べるか試してみた - Qiita
Sound Walker という Web アプリを作りました。 ↓ここで遊べます↓（スマートフォンで開いてください） https://www.sound-walker.app リポジトリはこちら https://github.com/Leonardo-mbc/sound-walker ホーム画面に追加することで、インストールしたアプリのように遊べます。 Webでどこまでできるかをやってみようと思って作り始めて、 ほっといて数年たったら技術がみるみる変わっていて、いろいろ味が出てきました。 Service Worker, Add To HomeScreen などなど Webでできるゲームってだけだったのが、普通にスマホで動くゲームになる時代になっております。 Sound Walker で使ってる技術は WebGL(Three.js), WebAudioAPI, ServiceWorker,
Autoplay policy in Chrome | Blog | Chrome for Developers
Internet memes tagged "autoplay" found on Imgflip and Imgur. New behaviors As you may have noticed, web browsers are moving towards stricter autoplay policies in order to improve the user experience, minimize incentives to install ad blockers, and reduce data consumption on expensive and/or constrained networks. These changes are intended to give greater control of playback to users and to benefit
ブラウザを誰でも簡単に扱える楽器にしてみた - Qiita
uzura です。 ファーストサーバ Advent Calendar 2017 の8日目を担当させて頂きます。 僕は会社では主にフロントエンドの開発を行っています。 今回 Advent Calendar に記事を投稿するということで、弊社サービスの Zenlogic にも使用されている Ruby on Rails や React.js を使いつつ、せっかくなので以前から作ってみようと思っていたサービスを（個人で）作ってみて、それについての記事を書きました。 rechord https://rechord.cc ソースコード (GitHub) どんなサービスなの？ コード進行を入力するだけで誰でも簡単に演奏/共有することができる Web サービスです。 コード進行って何？？ 音楽の知識が無い方には少々分かりにくい概念と思いますが、伴奏をする時の指針となるものです。 簡単に言うと、これ通りに弾
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を使用するという決定をし
Awesome simulator of rain
Sorry, your browser doesn't support WebGL! Check out our minimalist version.
Introduction To Web Audio API | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Web Audio API lets us make sound right in the browser. It makes your sites, apps, and games more fun and engaging. You can even build music-specific applications like drum machines and synthesizers. In this article, we’ll learn about working with the Web Audio API by building some fun and si
ブラウザinミュージック！ アルペジオを生成できるサイトが登場
ブラウザinミュージック！ アルペジオを生成できるサイトが登場2016.07.20 19:50 ヤマダユウス型 タリラタリラ。 ドラムマシンやらメタルリフやら、ブラウザ上で音楽を作れるブラウザinミュージックにも幅が出てきた昨今。もうちょっと細かい音が出せたらなーというカユい欲求を叶えるべく、アルペジオを生成できるサイト｢Musical Chord Progression Arpeggiator｣なるものが、ブラウザ上でWebプログラミングができるコードエディタ｢CodePen｣から登場しました。 アルペジオとは分散和音の一種で、和音を同時に発音するのではなく一音ずつバラしてい弾いていく、かぐや姫の名曲｢神田川｣のイントロのようなフレーズのこと。こちらのサイトではスケールや音数、音の散らばり方などを細かく設定できます。 選んだスケールとルート音によってどんな和音が生まれるかは画面右のOut
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://musicforprogramming.net/latest/
iO-808
Customize media notifications and playback controls with the Media Session API | Articles | web.dev
Roland50.studio
Learning Synths
Takahisa Mitsumori
creative-audio-visualizers
WebbyJam
WEB上で動くドラムセットを実装するチュートリアル:phpspot開発日誌