いろいろな端末の為の着メロサイト1
HTMLとHDMLとXHTML??素朴に調べたことを纏めて今後の方針を考えてみる。
着メロファイル(16和音)と着メロダウンロードの方法について今まで調べたことをまとめると、
| 携帯種別 | ファイルタイプ | ダウンロードに使うタグ |
1 | i-mode | *.mld | Win+IE等と同じく<A>〜</A>タグを使用 |
2 | J-sky | *.mmf | Win+IE等と同じく<A>〜</A>タグを使用 |
3 | EzWeb(WAP2.0対応端末) | *.mmf CGIによってはチェックサムを付加 | CGIを利用 |
4 | EzWeb(HDML端末) | *.mmf | <object>〜</object>タグを使用。 |
以上の4パターンをまとめて作成したい場合どうしたらいいのかについて考えていく予定です。
まず、各々の端末について独立してダウンロードページを作成してみました。
ダウンロードする曲のデータは、次の2曲(×3種類=6ファイル)を想定しています。
曲名 | i-mode用ファイル名 | J-skyとEzWeb(WAP2.0)用ファイル名 | EzWeb(HDML)用チェックサム付きファイル名 |
バイエル60番 | I_beyel60.mld | J_beyel60.mmf(736byte) devmfan(data type) x-smaf(MIME type) | E_beyel60.mmf(738byte) devmfan(data type) x-smaf(MIME type) |
ピアノソナタK545(モーツァルト) | I_PsonataK545.mld | J_PsonataK545.mmf(1790byte) devmfan(data type) x-smaf(MIME type) | E_PsonataK545.mmf(1792byte) devmfan(data type) x-smaf(MIME type) |
1.i-mode
シンプルな記述です、パソコンのブラウザ用のHTMLと殆ど変わりません。
<html><head><title>着メロDEMO</title></head><body>
<a href="k_top.html">[TOP]</a><br>
<center><font color="red">****************</font></center>
<font color="blue">
ダウンロードできるでしょうか?<br>
選曲にポリシー無し(笑)<br>
</font>
<center><font color="red">****************</font></center>
<a href="I_beyer60.mld">♪バイエル60番</a><br>
<a href="I_PsonataK545.mld">♪ピアノソナタK545(モーツァルト)</a><br>
</body></html>
2.J-sky
シンプルな記述です、パソコンのブラウザ用のHTMLと殆ど変わりません。
<html><head><title>着メロDEMO</title></head><body>
<a href="k_top.html">[TOP]</a><br>
<center><font color="red">****************</font></center>
<font color="blue">
ダウンロードできるでしょうか?<br>
選曲にポリシー無し(笑)<br>
</font>
<center><font color="red">****************</font></center>
<a href="J_beyer60.mmf">♪バイエル60番</a><br>
<a href="J_PsonataK545.mmf">♪ピアノソナタK545(モーツァルト)</a><br>
</body></html>
3.EzWeb(WAP2.0対応端末)
便利になったと言われるWAPですが、ことダウンロードに関しては随分と記述が煩雑というか、
これ曲の数だけ並べるのはパケ代が嵩んで迷惑という気がしませんか?CGI化した方が逆に親切なような気も…
パラメータの意味などは『EzWebホームページを作ろう!』さまの技術情報をご参照下さい。
<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//OPENWAVE//DTD XHTML 1.0//EN" http://www.openwave.com/DTD/xhtml-basic.dtd>
<html>
<head><title>着メロ</title></head>
<body>
<a href="top.html">[TOP]</a><br />
<center><font color="red">****************</font></center>
<font color="blue">選曲にポリシー無し(笑)</font><br />
<center><font color="red">****************</font></center>
<object data="J_beyer60.mmf" type="application/x-smaf" standby="バイエル60番">
<param name="title" value="beyer60" valuetype="data" />
<param name="size" value="1844" valuetype="data" />
<param name="disposition" value="devmfan" valuetype="data" />
</object>
<object data="J_PsonataK545.mmf" type="application/x-smaf" standby="モーツァルト(ピアノ・ソナタ)K545">
<param name="title" value="PsonataK545" valuetype="data" />
<param name="size" value="1784" valuetype="data" />
<param name="disposition" value="devmfan" valuetype="data" />
</object>
</body></html>
4−1.EzWeb(HDML端末)<choice>カードを利用する場合
2003.9.20号にも書きましたが、auさまのサイトで無料配布しているdownload.cgiを利用する方法で作っています。
詳しくは、『EzWebホームページを作ろう!』さまをご覧下さい。
<choice>カードはレイアウト上の制約が有ります。曲名は必ず画面の下部に羅列する形に成ります。
これは一つ目の<ce>の後ろに選択肢以外のものを書くことができない為です。
また、<font>タグは使えません。
<hdml version="3.0" markable="true">
<choice key="url" title="着メロDEMO" method="alpha">
<action type="accept" task="gosub" dest="device:data/dnld?url=$url" label="OK">
<a type="accept" task="go" label="OK" dest="k_top.html">[TOP]</a><br>
<center>****************<br>
ダウンロードできるでしょうか?<br>
選曲にポリシー無し(笑)<br>
<center>****************<br>
<ce value="download.cgi&name=E_beyer60.mmf&size=738&disposition=devmfan&title=beyer60">♪バイエル60番
<ce value="download.cgi&name=E_PsonataK545.mmf&size=1792&disposition=devmfan&title=PsonataK545">♪ピアノソナタK545(モーツァルト)
</choice></hdml>
4−2.EzWeb(HDML端末)<DISPLAY>カードを利用する場合
無理やり<A>タグでCGIを呼んでみました。
<CHOICE>特有の制約は無くなってレイアウトの自由度は増しますが、少々記述が煩雑になり
メリットとのバランスが気になりました。
これなら、<choice>カードを利用する場合の方がパケ代が少し減る分良いかもしれません…
<HDML VERSION="3.0" MARKABLE="TRUE">
<DISPLAY TITLE="DownLoad test">
<A TYPE="ACCEPT" TASK="GO" DEST="index.hdml" LABEL="OK">[TOP]</A><BR>
<center>****************<br>
ダウンロードできるでしょうか?<br>
選曲にポリシー無し(笑)<br>
<center>****************<br>
<A LABEL="OK" TASK="gosub" DEST="device:data/dnld?url=download.cgi&name=E_beyer60.mmf&size=738&disposition=devmfan&title=beyer60">♪バイエル60番</A><BR>
<A LABEL="OK" TASK="gosub" DEST="device:data/dnld?url=download.cgi&name=E_PsonataK545.mmf&size=1792&disposition=devmfan&title=PsonataK545">♪ピアノソナタK545(モーツァルト)</A><BR>
</DISPLAY>
</HDML>
次回は、これを踏まえたうえで、
- 着メロ無しページに関しては、タグを<br>、<a>、<center>、<font>程度に絞ってHTMLで書かれた本文を4種類(実際はi-mode,J-Phon
には差が無いので3種類)のソースに書き分ける。
- 着メロ有りページに関しては、上記本文プラス曲名データリスト
(曲名、ファイル名1の基本部分、ファイルサイズ1、ファイルサイズ2、dev値、MIMEタイプ)を読み込んで、
各々の環境に合ったファイルを適当な方法でダウンロードできるページのソースを自動生成する。
CGIをUPします。
着メロ関連LINK集
MIDI→着メロファイル変換ツール
『PHSをちょい研究!』さまのPsmPlayerがダウンロードできるページ(PsmPlayerV2.12でしたらHDML機-C407Hで再生できることを確認済みです。)
http://www.ne.jp/asahi/phs/phs/psmplayer/
XHTML,HDML関連の諸情報
『EzWebホームページを作ろう!』さま
http://www.au.kddi.com/ezfactory/
シミュレータ類入手先
『iモードHTMLシミュレータ』
http://www.nttdocomo.co.jp/p_s/imode/flash/tool.html
対応OS:Microsoft Windows NT(4.0以上) /2000/XP (日本語版/英語版)…WinMeでは使えない??
『919シミュレータ&エディタ for J-SKY』
http://www.919search.com/search/main/simu_edit.html
『SDK3.3.1』
http://developer.openwave.com/ja/tools_and_sdk/openwave_mobile_sdk/SDK331/
このシミュレータだと表示だけでなくて本当に着メロダウンロードできるんです。ちょっと嬉しい!!
『Openwave SDK Universal Edition1.1』などWAP2.0用シミュレータ(新しいものも出ている様なので…)
http://developer.openwave.com/ja/tools_and_sdk/tool_chooser/index.html
2003.10.04
[HOME][とまて週報TOP]