[B! AudioDataAPI] aikeのブックマーク

howler.js - Modern Web Audio Javascript Library - GoldFire Studios

Browsers have come a long way over the years, and we are now able to achieve amazing results using all of the great new techno logies often referred to as HTML5. However, generally speaking, audio still sucks. Thankfully, Google decided to create Web Audio API and make all our lives easier. The probl em is that only the latest browsers support this new-fangled browser audio, so what are we to do? We

aike 2013/01/30

サウンドファイルの再生機能がシンプルに書ける

リンク

Web Audio系APIを使うときに注意する点 - 音の鳴るブログ

Web Music Developers JP Advent Calendar 2012 の12日目です。前回の記事では信号処理用の簡易インターフェイスを紹介しましたが、今日は内部でどういう処理を行なっているのかという話です。といっても、音を作るための高度な信号処理の話ではなくて、各APIごとの簡単な使い方とブラウザによって使えるAPIが異なるだけでなく、同じAPIでもOSによって動作が異なったりバグっぽいのがあったりという状態なので、それらをできるだけ回避するためのバッドなノウハウ集といった具合、地獄の様相です。 Web Audio API編やり方まず使えるかどうかを判断します。 if (typeof webkitAudioContext != "undefined") { } Web Audio APIでは new webkitAudioContext() で作られる Aud

aike 2012/12/12

リンク

JavaScriptでシーケンサ：いで庵

Audio Data API / Web Audio APIを用いて波形を弄れるシーケンサを作成。2011年度前期研究報告会にて発表。 JavaScriptで作られたシーケンサです。譜面にマウスでポチポチ音符を置いていくとその譜面に合わせて音を再生します。また、音の波形やエンベロープもマウスで描くように編集することができます。動作確認済みの環境はFirefox4とGoogle Chromeのdev版とcanary版で、いずれもWindows版です。未確認ですがFirefoxのバージョン5以降、Mac版Safari、Google ChromeのMac版stable、Linux版dev,canaryでも動作するはずです。(動作しない場合は送信フォームに報告を投げて頂けるとありがたいです。) このアプリケーションはAudio Data APIやWeb Audio APIを用いて音声の動的生成を

aike 2012/03/23

リンク

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

先日作成した﹁関西電気保安協会リズムマシーン﹂と﹁ONE-LINER-ORCHESTRA﹂が Chrome, Safari *1 (Web Audio API) Firefox (Audio Data API) Opera (HTMLAudioElement) で使えるようになりました。どちらも pico-player.js っていう拙作ライブラリを使っているんだけど、普通に便利なので紹介します。 https://gist.github.com/1342081 CoffeeScriptで書いてコンパイルしています。もうJavaScript書けなくなってきました。 2011/11/08追記別タブ選択時に音が途切れる減少を解消しました。関連記事‥ http://d.hatena.ne.jp/mohayonao/20111108/1320756534 2011/11/07 追記 Coffe

aike 2012/03/23

リンク

Demos of open web technologies | MDN

Mozilla supports a wide variety of exciting open web techno logies, and we encourage their use. This page offers links to interesting demonstrations of these techno logies. If you know of a good demonstration or application of open web techno logy, please add a link to the appropriate section here.

aike 2012/03/23

AudioDataAPI

リンク

Audio Data APIのサンプル

MeSHは、Multimedia e-Learning based on Simulator for Higher educationの略です。シミュレータをベースとしたe-Learning環境構築のためのフレームワークを開発しています。 JavaScriptでサウンド合成 HTML5のおかげでFlashが不要になると言われています．では，これまでFlashを使わなければならなかった用途に何があるでしょうか？グラフィックス描画，フォント，アニメーション，通信などがメジャーなところですが，それ以外にもサウンド出力があります．合成した波形を音として出力する機能は，特に欲しい機能でした．厳密には，Javaでも合成サウンドの出力は可能だったのですが，それだけのためにJavaを使う人は私以外にいないはずなので，Flashの独壇場と言えるでしょう．ところが，HTML5の旗印のもと，様々な機能がJav

aike 2012/03/21

AudioDataAPI

リンク

Firefoxでソフトシンセも作れるAudio Data APIの使い方 (1/5)

HTML5ではメディア要素としてAudioが定義され、プラグインを使わずに音声を扱えます。HTML5 Audioについては本連載でも何度か取り上げてきました。・第35回﹁HTML5 Audioで作るiTunes風音楽プレイヤー﹂ http://ascii.jp/elem/000/000/525/525808/ ・第36回﹁JSONで管理するHTML5音楽プレイヤーを作ってみた﹂ http://ascii.jp/elem/000/000/531/531370/ ・第37回﹁iPad対応！HTML5 Audioで作るブラウザーピアノ﹂ http://ascii.jp/elem/000/000/533/533100/ これまでに作成したHTML5 Audioのサンプルは、事前に用意したオーディオファイルを再生しており、プログラムで音を生成しているわけではありませんでした。一方、Firefox

aike 2012/03/20

AudioDataAPI

リンク

Audio Data API - MozillaWiki

Defining an Enhanced API for Audio (Draft Recommendation) Note: this API has been deprecated in favor of the Web Audio API chosen by the W3C. Abstract The HTML5 specification introduces the <audio> and <video> media elements, and with them the opportunity to dramatically change the way we integrate media on the web. The current HTML5 media API provides ways to play and get limited information abou

aike 2011/07/19

リンク

はてなブックマーク

タグ

関連タグで絞り込む (3)

AudioDataAPIに関するaikeのブックマーク (8)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス