みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

javascript 三線ページ

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

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

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

投稿日時 - 2017-01-27 18:55:41

QNo.9286579

困ってます

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(5)

ANo.5

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

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

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

>方法2 audioタグを使う

投稿日時 - 2017-01-28 12:59:05

ANo.4

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

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

投稿日時 - 2017-01-28 12:35:22

ANo.3

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

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

投稿日時 - 2017-01-28 02:07:45

ANo.2

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

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

投稿日時 - 2017-01-28 01:58:11

ANo.1

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

とりあえず三線のフリー音源を入手する。
こりゃ結構大変だ(^_^;)
できれば「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」拡張子で出力する。

投稿日時 - 2017-01-28 01:48:44

あなたにオススメの質問