人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

「実践テクニック HTML5 スマートフォンWebアプリ制作」
という秀和システムの書籍の勉強で、オーディオプレーヤーアプリを作成しています。
http://www.shuwasystem.co.jp/products/7980html/3189.html

Part 3 マルチメディア実践テクニック編
Chapter 07 オーディオプレイヤーアプリ

P.143
[ 07-3 曲リストをサーバから取得し、再生プログレスバーを表示する ]の
■曲リストファイル
sample.mp3,サンプル曲1
sample.mp3,サンプル曲2
sample.mp3,サンプル曲3
sample.mp3,サンプル曲4

についてお尋ねしたいのですが、
これはどこへ記述すればよいのでしょうか?

書籍には、
「サーバより取得する曲リストのファイルは文字コードUTF-8、
改行コードLFで以下のようなフォーマットにする。」
と記載されています。

おそらくJavaScriptの配列に関することだと思うのですが、
JavaScriptの初心者なので、分かりません。

僕が今作っているアプリへのURLを貼っておきます。
http://yuuri.raindrop.jp/smartphone/index2.html

「--選択してください--」というところに
曲目リストを表示させるようにしたいのです。

同じ書籍を勉強された方がいらっしゃったら、
ご教授頂けると幸いです。

●質問者: kireifish
●カテゴリ:コンピュータ 学習・教育
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● TransFreeBSD
●10ポイント

曲を置くaudioフォルダに、その部分だけをaudioList.txtというファイル名で保存してください。
どこかの途中に記述するとかではないです。
ファイル名は28行目にあります。

req.open('GET','audio/audioList.txt',false);

ちなみに曲を置くフォルダ名は38行目にあります。

selectAudioFile = "audio/" + selectAudio[0];

変数で最初の方にまとめてあればわかりやすいですけどね。


kireifishさんのコメント
ご回答ありがとうございます。 audioフォルダに、audioList.txtを作成し、保存してみました。 うーん・・・うまくいきません。(゚レ゚) ちなみに曲を置くフォルダ名は38行目にあります。 <34行目の間違いでしょうか?

2 ● Cherenkov
●90ポイント ベストアンサー

曲リストをプログラムから切り離すことによって管理しやすいようにしています。
テキストファイルの文字コードをUTF-8、改行コードをLFにして保存してください。


kireifishさんのコメント
ご回答ありがとうございます。 改行コードというのは、\nとすればいいだけでしょうか。

Cherenkovさんのコメント
適当なエディタ(terapad,gvimなど)で保存時に指定するだけです。 http://www.atmarkit.co.jp/fwin2k/win2ktips/403eol/eol.html http://tech.bayashi.net/pdmemo/chara.html

kireifishさんのコメント
やりました。 テキストエディタはEmEditorを使っています。 もう晒してみましょうか。 ちなみに、「audioList.txt」の中身は以下です。 madoka.mp3,madoka madoka_orchestra_ver.mp3,madoka_orchestra

Cherenkovさんのコメント
サンプルの7-3のaudio/audioList.txtを編集すれば反映されましたけど、どこでハマっているのでしょうか?エラーメッセージはでますか。

Cherenkovさんのコメント
まずサンプルを動かしてみてファイルを開いて確認してください。

Cherenkovさんのコメント
場所は download\07\7-3\audio\audioList.txt

Cherenkovさんのコメント
ファイルもアップされてますね。なんでうまくいかないんだろう。

Cherenkovさんのコメント
わかった。audio.jsの5,6行目を消してください

kireifishさんのコメント
うまくいきました!!! ありがとうございます!! http://yuuri.raindrop.jp/smartphone/index2.html しかし、2曲目は曲のタイトルは表示されますが再生されません。

Cherenkovさんのコメント
こちらでは再生されました。読み込みに時間がかかったのかな。

kireifishさんのコメント
2曲目も再生されました。 しかし、一時停止ボタンの挙動がおかしくなりました。

Cherenkovさんのコメント
chromeでうまくいくけどfirefoxはおかしいかも。

Cherenkovさんのコメント
firefoxはmp3をサポートしてないようです…

kireifishさんのコメント
書籍のコラム欄に記載がありました。 「FirefoxやOperaはH.264を拒否。 GoogleはH.264を支持していたが、突然WebMをを支持。 今度はAppleがWebMを拒否。」 完全な挙動ではありませんが、Cherenkovさんが一番粘って回答してくれたので ベストアンサーにしたいと思います★ ありがとうございます!!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ