• 締切済み

javascript 三線ページ

三線のwebアプリを作りたいと思っています。 以下のリンクのようなものを javascript で作成するにはまず、何から始めたらいいでしょうか? ちなみに、java scriptは今回初めて取り組みます。 イメージとしては、画像と音源をセットにして、それを再生する感じでしょうか? 回答お待ちしております。 参考URL http://www.portama.com/kunkun4/

  • Java
  • 回答数5
  • ありがとう数0

みんなの回答

回答No.5

>javascriptでリアルタイム的に音源を鳴らすのは(できるらしいですが)良く分かりません Audioオブジェクトを作れば良いようです。 Javascriptで音を鳴らす - yamblog http://d.hatena.ne.jp/yambi/20110812/1313175138 >方法2 audioタグを使う

回答No.4

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

回答No.3

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

回答No.2

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

回答No.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」拡張子で出力する。

関連するQ&A

  • HTMLとJAVASCRIPT

    HTMLは、比較的簡単に打ち込めて、 簡易的なHPを作成できると思っています。 ジャバスクリプトというのは、 どのように打ち込むとHPが作成できるのでしょう? そして、どう違うのですか? 最近、HPのソースを表示すると、 なんだか「JAVASCRIPT」の文字をよく目にするようになりました。 僕も、HTMLタグだけじゃなく、 javascriptも使用してみたいです。 誰か参考になるサイト等、教えてください。 お願いします。 それと、ジャバスクリプトを使用したら、 どのような長所ができるのでしょうか? 楽しいHPが作れるのは、聞いたことがあります。 画像を回転させたりしていましたので・・・。 誰か、ジャバスクリプトで作成したHP知っている人いたら、 教えてください。 最終的な質問内容 ・ジャバスクリプトとは? ・ジャバスクリプトはどうやって打ち込むのか ・ジャバスクリプトについて、初心者でもわかるサイトを教えてください

  • javascriptであれこれ

    皆さん、初めまして。こんばんわ。 少々、説明不足ではありますが、お許し下さい。 友人の管理している掲示板が迷惑書き込みに悩まされていまして。。 スパム対策のサイト様を参考にしながらやっていたのですが、 こちらのサイトさま↓ http://swanbay-web.hp.infoseek.co.jp/index.html の「掲示板URLの簡単javascript表示へ」で何とか掲示板へのリンク方法を変更しようと思い、リンクの工夫をしていたのですが、URL分割してjavascript表示にしようとしている最中で問題が発生致しまして。。 画像にリンクさせたいのですが、ただ単に画像にリンクさせるのではなくて、ロールオーバーをさせたいのですが、どのようにすればよいかわからず作業が進みません(;´Д`) もし、javascriptに詳しい方やweb制作に詳しい方、助けて下さい(´_`。) 他に方法があれば、教えて頂ければ助かります。 色々と参考になりそうなサイトさんは探しては見たのですが、該当するものがありませんでしたので。。。 私はあまり、javascriptには詳しくないので。。。

  • JavaScriptを埋め込むには?

    こんにちは。よろしくお願いします。 現在、JavaScriptの使用が禁止されているスペースで、HPを作成していますが どうしてもポップアップを使いたいので、JavaScriptの使用が可能なスペースで 画像をクリックするとリンク先にジャンプし、ポップアップが表示されるように作成しました。 そのURLを、JavaScript使用禁止のページの画像に埋め込んだところ 当たり前ですが、JavaScriptが埋め込まれた画像が表示され その画像をクリックしないと、リンク先ジャンプ&ポップアップ表示されません。 JavaScript禁止ページの画像クリック→リンク先ジャンプ&ポップアップとするには どのように作成すれば良いでしょうか? JavaScriptに関して、全くの初心者なもので、分かりづらい説明ですが どうぞ、よろしくお願いいたします。

  • javascriptのURL部分に引数を渡したい

    <script type="text/javascript" src="URL"></script> の URL部分に引数を渡したいのですが、どうしたらよいですか? イメージとしては、webページのどこかに <script type="text/javascript"> var keyword='キーワード'; </script> みたいにあって、次に <script type="text/javascript" src="URL&key=keyword"></script> とURLにパラメータを引数としてつけたいのです。 初心者で申し訳ありません。 どなたか教えてください。

  • 【Javascript】ページ毎に違うcss。

    こんばんは。 この度、Javascriptについて質問致します。 現在私はbloggerでブログを作成しており、 ページ毎に背景を少し変えてみようと試みていますが 上手くいかずこちらに質問させて頂きました。 上手くいかない理由はと言いますと FTPを利用してファイルをUPLoad出来ないので ページ毎に背景を個別設定する事が出来ません。 となれば、Javascriptで動作させるしかないのかなと 色々サンプルを探して見たのですがあま良いサンプルが見つかりませんでした。 方法としては アクセスしたURLによってswitch文等で別のスタイルを読み込みしかないのかなと思っています。 (他にも方法があるかとは思いますが無知な為、Javascriptと言ってるだけですので 他に良い方法gあありましたらお願いします。) switch (ページURL) { case aaa.html: background-image: url(aaa.jpg); break; case bbb.html: background-image: url(bbb.jpg); break; default: break; } みたいな構想をしていまがJavaについてはそこまで知識が乏しく・・・(涙 良ければご教授頂ければ幸いです。 何卒、宜しくお願い致します。

  • FlashもしくはJavascriptを利用したナビゲーションメニュー

    ホームページの作成でトップページに FlashもしくはJavascriptを使用してインパクトのあるナビゲーションを設置を検討しています。 現在考えているナビゲーションのイメージとしては ・メインの画像エリアと複数のボタンで構成 ・各ボタンにマウスオーバーすると画像エリアの画像を切り替え ・各ボタンをクリックすると任意のリンク先へジャンプ といった形です。 いろいろと探してみましたが一番イメージが近いものは以下のURLで使用されているフラッシュです。 http://www.intheroom.jp/ ここはメインの画像エリアが自動的に切り替わったり、画像の切り替えにエフェクトがかかりますがここまでは必要ないです。(あると尚よいですが・・) 以下で配布されているスクリプトもイメージに近いです。 http://jqueryglobe.com/labs/feature_list/ ここはマウスオーバーで画像が切り替わらず、クリックしても別のURLには飛ばない点が残念です・・・。 もし私のイメージに近い形で配布されている素材をご存じでしたら教えていただけないでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • Flash
  • javascriptについて

    javascriptに関してまだまだ初心者で困っております. 作成したいプログラムは,画像をクリックすると,クリックした画像だけが"on.gif"になり,それ以外の画像は"off.gif"となるようなプログラムです. そこで以下のようなプログラムを作成したのですが,うまく動きません. ご助言頂ければ幸いです. <html> <head> <script type="text/javascript> <!-- function changeImg(no){ for (i=1; i<3; i++){ document.image[i].src = "off.gif"; if(i==no) document.image[i].src = "on.gif"; } } //--> </script> </head> <body> <ul> <li><a href="JavaScript:changeImg(1)"><img src="on.gif" name="image[1]" /></a></li> <li><a href="JavaScript:changeImg(2)"><img src="off.gif" name="image[2]" /></a></li> </ul> </body> </html>

  • WEBページ内のURLを抽出するJavaScript

    現在見ているホームページのURLを全て、 もしくは画像だけ等の条件付で抽出できる JavaScriptのサンプルスクリプトを教えてください。 ページのアドレスを入力するだけでOKなら 最高だと思うんですけど、その場合、 Perl等のサーバー側で動くプログラムが 必要だと思うんです。 希望としては、パソコン側で実行したいんです。 ソースプログラムをコピー&ペーストして、 実行ボタンを押すとリンクURLだけ抽出されて 表示されるようなスクリプトはありませんか。 よろしくお願いします。

  • JavaScriptでwindowopenを使用したとき

    ホームページビルダー7を使ってHP作成中ですが、JavaScriptでwindowopenを使用してページを表示することまでは出来たんです(一晩もかけて(T_T))プレビューでは表示されますがサイトを転送してみるとリンクされていません。ビルダーの「サイトのビジュアルを開く」で見てみてもやはりリンクされていません。タグが間違っているのでしょうか?ファイルはもちろん同じフォルダにあります。 <SCRIPT Language="JavaScript"> <!-- function nwn(url) { w = window.open(url, 'win01','width=350,height=600,status=0,scrollbars=1,directories=0,menubar=0,resizable=1,toolbar=0');} //--> </SCRIPT> <A HREF="javascript:nwn('link.htm')">○○○○</A>です。 ビルダーのプレビュー画面で、リンクされている文字や画像の上にマウスを乗せると画面上部にリンクされているファイル名が表示されますが、リンクがうまくいかないこの分に関してはマウスを上に乗せると javascript:nwn('link.htm')と表示します。 どなたかアドバイスお願いいたします。(T_T)/~~~

  • JavaScript内にJavaScriptを読み込む方法

    HTML内に <script type="text/javascript" src="main.js"></script> という一行を追加すると、バナーが表示されるというスクリプトを作成しています。 main.jsは、 html = '<script language="JavaScript">'; html += 'var url0101 = "url01.xxx.jp";'; html += 'var url02 = "url02.oooo.jp";'; html += '</script>'; html += '<script language="JavaScript" src="http://xxx.xxxx.xxx/test.js"></script>'); html += '<script language="JavaScript">'; html += 'Function01("check")'; html += '</script>'; document.write(html); というような風になっており、 (1) 変数の宣言 ↓ (2) http://xxx.xxxx.xxx/test.jsの読み込み ↓ (3) (2)で読み込んだjs内の関数Function01を実行 という流れです。 FireFoxでは表示されましたが、IE6では (2)のjsを読み込む前に(3)のFunction01が実行され、 「オブジェクトを指定してください」のエラーが表示されてしまいます。 よい方法がありましたら教えていただけますでしょうか? よろしくお願いします。