javascript 三線ページ

質問

三線のwebアプリを作りたいと思っています。
以下のリンクのようなものを javascript で作成するにはまず、何から始めたらいいでしょうか？
ちなみに、java scriptは今回初めて取り組みます。

イメージとしては、画像と音源をセットにして、それを再生する感じでしょうか？
回答お待ちしております。

参考URL
http://www.portama.com/kunkun4/

回答No.5

amanojaku1

>javascriptでリアルタイム的に音源を鳴らすのは(できるらしいですが)良く分かりません

Audioオブジェクトを作れば良いようです。

Javascriptで音を鳴らす - yamblog
http://d.hatena.ne.jp/yambi/20110812/1313175138

>方法2 audioタグを使う

回答No.4

amanojaku1

javascriptでリアルタイム的に音源を鳴らすのは(できるらしいですが)良く分かりません、マウスでクリックしてからサーバーから音源を読み込んでいては、音が出るまでに遅延が発生してしまいます。
フラッシュでならリアルタイム的に音源を鳴らせます、国産のフラッシュ作成ソフト「Suzuka」がでたらしいので試してみてはいかがでしょうか。

国産のフラッシュ作成ソフト「Suzuka」
https://allabout.co.jp/gm/gc/66769/

回答No.3

amanojaku1

>三線の音源の数だけ「m4a」拡張子のファイルを作成する。

良く分からないですが、全ての音源は必要ないのでしょうか？
それは それとして、取りあえずテスト用に3つぐらいは「m4a」拡張子の音源ファイルを作ってみる。

回答No.2

amanojaku1

>WaveClipperで録音・編集し、「m4a」拡張子で出力する。

WaveClipperで録音・編集(無駄な無音部を除く)し、「m4a」拡張子で出力する。

回答No.1

amanojaku1

>何から始めたらいいでしょうか？

とりあえず三線のフリー音源を入手する。
こりゃ結構大変だ(^_^;)
できれば「mp3、m4a」拡張子のファイルが良いが、「sf2」拡張子のファイル(「sansin.sf2」)しか見つからなかったので、「sf2」拡張子のファイルを再生可能な「Awave Studio」をインストール、音声を「録音・編集」可能な「WaveClipper」をインストール、三線の音源の数だけ「m4a」拡張子のファイルを作成する。

沖縄三線MIDI音源（サウンドフォント）無料配布
http://miyazatodemi.blogspot.jp/2015/10/midi.html
ダウンウンロード
http://yahoo.jp/box/J07KA7

↑「sansin.sf2.zip」ファイルをダウンロードし、解凍し「sansin.sf2」ファイルを分かりやすいフォルダーにコピペする。

Awave Studio
http://www.fmjsoft.com/awavestudio.html#main
ダウンウンロード
http://www.fmjsoft.com/awavestudio.html#download

「awave111.zip」ファイルをダウンロードし、解凍し「Setup.exe」を実行し、「Awave Studio」をインストールする。

「sansin.sf2」ファイルを「Awave Studio」で開けば、三線の音源を再生できる。

WaveClipper(録音・編集)
http://t-ishii.la.coocan.jp/hp/wc/index.html
ダウンロード
http://t-ishii.la.coocan.jp/download/WaveClipper.html

「WC_1422.zip」ファイルをダウンロードし、解凍し、「WC_1422」フォルダーを分かりやすい場所にコピペし、(32bit環境なら)「WaveClipper32.exe」のショート・カットをディスクトップに置く。
使用方法はヘルプを参照して下さい。

WaveClipperで録音・編集し、「m4a」拡張子で出力する。