懐かしいサウンド。HTML5/JavaScriptによる効果音作成ソフトウェア·jsfx MOONGIFT
jsfxはHTML5/JavaScriptを使って動的にファミコンレベルの効果音を生成、再生するソフトウェア。 jsfxはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5の登場以後、Webの世界が活発になってきている。ブラウザ互換性を考えるとまだまだ実用的ではないが、新しい試みがどんどん行われているのはとてもわくわくするものだ。 デモ 特にアニメーションや動画、音楽などメディア関係への注目が集まっている。既存のデータをWeb上で再生するのも良いが、ゼロから生成するのもまた面白い。一つの手法として紹介したいのがjsfx、JavaScriptによるサウンドイフェクトジェネレータだ。 jsfxはいわゆるビープ音のようなサウンドを動的に生成し、再生するソフトウェアだ。昔懐かしい、マイコンのようなビープ音が流れる。様々なテンプレートがあり、さらにスライダによって各種イフェ
[JS]主要ブラウザ全てにaudio要素でMP3を再生できるようにするスクリプト -audio.js | コリス
IE6/7/8, Firefox, Operaを含む主要ブラウザ全てに、HTML5のaudio要素を使ってMP3を再生できるようにするスクリプトを紹介します。 audio.js デモページ [ad#ad-2] audio要素のサポート状況 audioはHTML5の要素で、サポートしているブラウザは限られたものとなっています。 audio要素のブラウザのサポート状況 IE9 Firefox 3.5+ Chrome Safari Opera 9.6+ また、対応している音声ファイルのフォーマットも異なり、現在音声ファイルの主流のMP3はChromeのみが対応しています（Safariも一応再生可）。 「audio.js」は、audio要素に非対応のIE6/7/8、MP3に非対応のFirefox, Safari, Operaで、audio要素を使ってMP3ファイルを再生できるようにします。 [ad
VexFlow - HTML5 Music Engraving
VexFlow is an open-source online music notation rendering API. It is written completely in JavaScript, and runs right in the browser. VexFlow supports HTML5 Canvas and SVG. VexFlow has been in development for over 10 years, and used by apps, startups, universities, in all kinds of amazing ways. If you find VexFlow useful, please consider sponsoring me on GitHub.
ギターコード スコアメーカー (ギター譜)
今から練習を始める人は、録音もできるメトロノーム＆チューナーが便利。メトロノームでリズムキープしつつ、録音して成果をチェックできます。特に独学の人は、客観的に自分のギター・プレイを聞くことができるので、弱点を見つけやすく上達が早くなります。 ■10000 時間積み上げの法則 | Lifehacking.jp ■体を使ったリズム練習法 独学でギターの弾き語りを練習している人のためのツールです。練習したい曲のギターのコード（和音）を順番に選択してプリントアウトすれば、ギターのコード表を確認しながら練習する手間が省けます。 スコアメーカーはJavaScriptオンで動作。 クッキーオンで、ギターコードが記録されます。 プリントするとギターコードだけが印刷されます。 プリントしたコード一覧表は、ギター教室や音楽サークルでの利用など、特に制限はありませんので、ご自由にご利用ください。このページへのリ
JavaScript によるオーディオ＆ビジュアルプログラミング - Radium Software
僕は JavaScript が好きだ。できるだけ多くのことを JavaScript で済ませてしまいたいと考えている。 以前は JavaScript では絵や音を扱うことができないという点がボトルネックになって，応用の幅を狭めていた。これが最近になると， Canvas 要素のおかげで絵を扱うことができるようになったり， Flash を代行役にすることによって音を出せるようになったりと，いろいろ状況が変わってきている。 そこで今回は，以前から機会があれば触ってみたいと思っていた Processing.js と SoundManager 2 を使って， JavaScript によるオーディオ＆ビジュアルプログラミングに挑戦してみた。 Processing.js とは Processing.js は，ビジュアルデザイン向けプログラミング言語 Processing を模して作られた JavaScr
米Yahoo!、1行追加するだけで使えるMP3プレーヤー公開
米Yahoo!は1月8日、ブログなどのWebページに組み込むことでMP3ファイルの再生が可能になるJavaScriptベースのプレーヤー「Yahoo! Media Player」を公開した。Yahoo! Developer Network公式ブログが明らかにした。 同社は2007年11月30日に、FlashベースのMP3プレーヤー「Easylistener」を公開している。こちらはWebページ上でカスタマイズしたコードをコピーして自分のブログなどにペーストすると、そのWebページにリンクされているMP3ファイルすべてを再生できるようになるというもの。 今回公開されたプレーヤーは、JavaScriptベースの、よりコンパクトなもの。HTMLコードに1行追加するだけ。Windows、Mac、Linuxの主要ブラウザで利用できる。 指定されたJavaScriptコードをWebページに埋め込み、再
MOONGIFT: » JavaScriptで音楽再生「SoundManager 2」:オープンソースを毎日紹介
Webサイトやブログで音楽を再生しようと思うと、意外と面倒な事に気づかされる。サイト上にMP3のリンクだけ貼って置いておいても、よほどのことがない限りは再生されない。 Flashを使ったMP3プレーヤもいくつか存在するが、それより手軽なプレーヤがこれだ。 今回紹介するオープンソース・ソフトウェアはSoundManager 2、JavaScriptで利用できる音楽プレーヤだ。 とはいえ、JavaScript単体で音楽の再生はできない。実際のインタフェースはFlashベースの音楽プレーヤだ。だが、Flashのコードを書く事もなく、JavaScriptファイルを読み込めば良いので利用は手軽だ。 プレイリストの利用も可能で、<ul><li>タグでMP3ファイルの場所を列挙していくだけでいい。後はブラウザ画面上にプレーヤが表示されるので、そこで音楽を操作できる。 また、ただ単純に流すだけでなく、アク
JavaScriptでMP3を再生するライブラリの作り方：CodeZine
はじめに JavaScriptでMP3を再生するライブラリ「playmp3.js」の作り方を解説します。MP3の再生にはFlashの機能を利用し、JavaScriptからFlashの関数を呼び出すなど、JavaScriptとFlashの連携方法も併せて紹介します。 Flashファイルの作成には、フリーのFlashコンパイラMTASCを利用しますので、Flashを持ってない人でも応用ライブラリを作成できるでしょう。Flashと連携することでJavaScriptの可能性が広がります。 以下のサイトで、MP3再生のサンプルを試せます。JavaScriptでMP3再生するサンプル 対象読者JavaScriptで効果音やBGMを鳴らしてみたい人JavaScriptとFlashを組み合わせて面白いことをやってみたい人 必要な環境FirefoxまたはIE 6以降フリーのFlashコンパイラ MTASC
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5とJSでWEB上に綺麗な楽譜が書けるライブラリ「VexFlow」:phpspot開発日誌
[JS]簡単に設置ができるmp3プレイヤーのスクリプト -jPlayer