ブラウザでMMLを演奏するChrome拡張作った - aike’s blog
ブラウザでMML(Music Macro Language)の文字列を選択してCtrl-Cを押すと音楽が流れるChrome拡張を作りました。 Googleウェブストアからインストールできます。 https://goo.gl/0UJQcT ソースはこちら https://github.com/aike/TSSCCjs 実行例 http://youtube.com/watch?v=o-IzrXaqIbM 今から10年くらい前、ネットの掲示板上でMMLによる音楽が盛り上がったことがありました。添付ファイルなどではなく、掲示板のテキストとして直接貼られた10行程度のMMLでも驚くほどリッチな楽曲が再現できるため、いかに短いMMLでリアルな音楽を表現するか、技術の競い合いのような文化が生まれていました。 当時、再生ツールとして使われていたのが、keimさんが作られたTSS Clipboard Pla
Web Audioの新しいAPIについてざっくり解説 - Qiita
Web Audio API の仕様は日々 GitHub上で議論 されていて、ある程度同意が得られたものは ドラフトページ で公開されています。仕様のブラッシュアップのほかに追加される API や変更のある API があり、それらはちらほらとブラウザに実装もされてきているので、簡単な説明とサポート状況、ポリフィルについてまとめました。 この記事に書いてあるポリフィルは下記のリポジトリにまとめてあります。 また、各API対応状況は下記のページでも確認できます。 http://mohayonao.github.io/web-audio-api-shim/test/impl.html http://compatibility.shwups-cms.ch/en/home Microsoft Edge / Safari 9 の対応状況が調べられていないので、どなたか情報ください！！ 新しく追加されるA
Web Audio API - Web APIs | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021. Learn moreSee full compatibilityReport feedback The Web Audio API provides a powerful and versatile system for controlling audio on the Web, allowing developers to choose audio sources, add effects to audio, create audio visualizations, apply spatial effects (s
Mobile Safari, Chrome for Android での Web Audio API 覚え書き - Qiita
Mobile Safari, Chrome for Android での Web Audio API 覚え書きHTML5WebAudioAPI 調査環境 iOS 8.1 + iPhone 5 Chrome for Android 38.0 + Xperia A iOS タッチ制約 初回の start() はユーザのタッチ操作を起点とした実行コンテキストで実行する必要がある AudioContext のインスタンスごとに制約がかかっている 実行コンテキスト setTimeout は大丈夫 decodeAudioData はアウト。コールバック中で初回の start() を呼び出しても再生されない。 タッチ制約にハマる例 element.addEventListener('click', function() { context.decodeAudioData(buffer, function
Web Audio API 4.2.3. Lifetime 和訳 - yoya's diary
Web Audio API のスペック (日本語訳) https://sites.google.com/site/miuraoff/web-audio-apinosupekku の翻訳が少し古いようで、2012年8月に追加された 4.2.3 Lifetime が含まれていない。 ので、そこだけ和訳。というか超意訳。 4.2.3. Lifetime http://www.w3.org/TR/webaudio/#lifetime-AudioNode 4.2.3. Lifetime This section is informative. 4.2.3 ライフタイム この節は参考情報です。 An implementation may choose any method to avoid unnecessary resource usage and unbounded memory growth o
iOS7のWebAudioAPIサポート状況 | g200kg Music & Software
iOS7がリリースされてまだ日も浅いですが、ユーザーのアップデート率はかなり高いらしいですね。既にiOS6ユーザーよりiOS7ユーザーの方が多いのだとか。 という事でiOS7ではWebAudioAPI周りのサポートどうなってるのでしょうか? 上のスナップショットのようにかなり良くなっています。10日ほど前にMac向けSafari 6.1 Seed 8がリリースされていますがそれとほぼ同じ状態のようです。AudioContextとして後、足りないのはcreateMediaStreamSource()とcreatePeriodicWave()くらいです。createMediaStreamSource()はgetUserMedia()との絡みですのでiPhoneのような環境では難しいのかも知れませんね? マイクは付いているのでやれば出来るはずではありますが。 またcreatePeriodicWa
Web Audio APIでオシレーターの実装方式いろいろ試してみた - aike’s blog
あなたの好きな波形は何ですか。人はだれしも思い入れのある波形があるかと思います。正弦波や矩形波が好きなかたもいるようですが僕はだんぜんノコギリ波派です。ノコギリ波の優しくて存在感のある音色につつまれているだけでしあわせな気持ちになります。 そんなわけでみなさんこれから多くのシンセをWeb Audio APIで作成するかと思いますが、いくつかあるノコギリ波のオシレーター実装方法について比較してみたいと思います。また、ソフトシンセを作るうえで避けて通れないエイリアスノイズについて方式ごとの差異を聴き比べてみます。 こちらのページで実際に聴きながら読んでください。(Chrome推奨) http://aikelab.net/sawwave/ ■ナイーブな実装 return 1.0 - (this.phase / Math.PI); こんな感じの処理を1サンプルごとに呼ぶとノコギリ波になります。高い
Web Audio API で Sound Font を使った標準 MIDI ファイルの再生 : document
5月17 Web Audio API で Sound Font を使った標準 MIDI ファイルの再生 はじめに Google Chrome では Web Audio API という API を使って音を鳴らすことができます。 今回、これをつかって Sound Font を使った標準 MIDI ファイル(以下 SMF と表記)のプレイヤーを作ってみました。 なお、仕様の具体的な話しなどはほとんどしません。 音楽的な知識などもほとんどないため、何かおかしなことをしていたらご指摘いただけるとありがたいです。 また、今回の実装はあくまでも実験・検証用のものなので実用にはまだ手を加えなくてはいけないところが多いため、もし利用としようと思う方がいたらそこは注意してください。 動作環境は PC 版の Google Chrome のみです。 現在開催中の Google I/O で Chrome for
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
Loading
Videos Watch and learn from our engineers as they show how to bring the latest web technologies to your websites on Safari. Watch Safari and Web Videos Forums Ask questions and discuss a variety of web development topics with Apple engineers and other developers. Apple Developer Forums Safari Extensions Safari extensions are a powerful way to add new features to Safari. They are built in Xcode wit
JavaScriptでリアルタイムに音を鳴らす方法を3つほど - つまみ食う
最近、JavaScriptで動くMMLシーケンサーを作っています。 pico http://pico-project.appspot.com/mml/ SiONのMMLをパク参考にしているので、MMLTalks(http://mmltalks.appspot.com/)あたりのMMLをコピペすると、それなりに鳴ってくれる場合があります。思い通りになっていない部分がかなり多いですが、、 このあたりのMMLは結構聴ける(適宜コピペしてお試しください) http://mmltalks.appspot.com/m/RaKRP http://mmltalks.appspot.com/m/DIZpo http://mmltalks.appspot.com/m/jVIoz (FM音源が惜しい) で、 で、表題の件ですがJavaScriptでリアルタイムに音を鳴らすには以下の3つの方法があります。 Aud
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firefox 21 サイト互換性情報 - Mozilla | MDN
FM シンセサイザー by HTML5 Web Audio API
IBM Developer