携帯ムービー再生タグ/Docomo、au、SoftBank(携帯サイト作成)
携帯ムービー再生タグ/Docomo、au、SoftBank(携帯サイト作成)
■Docomo
<object declare id="●●●" data="▲▲▲" type="video/3gpp">
<!-- <param name="stream-type" value="10" valuetype="data"> --> <!-- 擬似ストリーム配信-->
<param name="count" value="0" valuetype="data"> <!-- ダウンロード配信 -->
</object><a href="#●●●">■■■</a>
ダウンロード再生の場合、『count』パラメータで再生回数を指定できる。
ストリーミング再生の場合は、『count』パラメータを削除してください。
『●●●』は一意なIDをつけてください。
『▲▲▲』は再生する動画のURL(http://・・・)を指定してください。
『■■■』は動画のタイトルを指定してください。
サーバサイドでストリーミング用の携帯動画に変換する方法は以下のURLから。
■au
ダウンロード再生は以下の通りです。<object data="●●●" type="video/3gpp2" copyright="no" standby="▲▲▲">
<param name="disposition" value="devmpzz" valuetype="data" />
<param name="size" value="■■■" valuetype="data" />
<param name="title" value="▲▲▲" valuetype="data" />
</object>
『●●●』は再生する動画のURL(http://・・・)を指定してください。
『■■■』は動画のサイズを指定してください。PHPならfilesize関数でOK。
『▲▲▲』は動画のタイトルを指定してください。
サーバサイドでau用の動画を作成する方法は以下のURLから。
■SoftBank
ダウンロード再生になります。<a href="●●●">▲▲▲</a>
『●●●』は再生する動画のURL(http://・・・)を指定してください。
『▲▲▲』は動画のタイトルを指定してください。
おお!SoftBank簡単やん!って思った人は残念。サーバの設定が必要です。
以下のURLを参考にしてください。
URLにページ内リンクとクエリを含める場合の注意(携帯サイト作成)
URLにページ内リンクとクエリを含める場合の注意(携帯サイト作成)
※Docomo/SH905iTVで確認した現象です。
■問題
header関数でフォワードする際に、URLにページ内リンクとセッション情報を含めようとして、
以下の様に記述。
header('Location: http//www.hoge.com/hoge.php#top?' . session_name() . '=' . session_id() . ')';http://www.hoge.com/hoge.php
■解決
ページ内リンクを最後に持ってくるとよい。
header('Location: http//www.hoge.com/hoge.php?' . session_name() . '=' . session_id() . '#top)';約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」(携帯サイト作成)
約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」(携帯サイト作成)
『約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」を使ってみました』を読んで。
今まで3つのエミュレータを使ってましたが、これがあれば便利。
まあ、最終的にキャリアで出しているエミュレータで確認が要ると思いますが・・・。
とりあえず2008/03/26現在はベータ版なので?無料。
■ダウンロード
■インストール
ライセンスキー取得の為、会員登録が必要です。
※インストールにはかなり時間が掛かります
■特徴
・DOM表示
・リンク先表示(画像付き)
・オブジェクト表示
・ソース表示
・全画面表示
・QRコード表示(エミュレータで表示しているページのURL)
・エラー表示
・HTTPログ表示
・リンク先表示(画像付き)
・オブジェクト表示
・ソース表示
・全画面表示
・QRコード表示(エミュレータで表示しているページのURL)
・エラー表示
・HTTPログ表示
Flash、動画、サウンド再生、iアプリの実行機能も追加予定のようです。
SoftBank動画配信の設定について(携帯サイト作成)
SoftBank動画配信の設定について
■サーバ側のMIMEタイプ設定
赤字で書いたところ。他はauの設定。
httpd.confか.htaccessに設定してください。
AddType application/x-mpeg .amc
AddType audio/3gpp .3gp
AddType video/3gpp .3gp
AddType audio/3gpp2 .3g2
AddType video/3gpp2 .3g2
※audioとvideoの順番を逆にすると、エラーが起きました。AddType audio/3gpp .3gp
AddType video/3gpp .3gp
AddType audio/3gpp2 .3g2
AddType video/3gpp2 .3g2
■ヘッダーの設定
httpd.confか.htaccessに設定してください。
ただし、Apacheにmod_headersモジュールが必要です。
Header set cache-control "no-cache"
Header set x-jphone-copyright "no-store"
Header set x-jphone-copyright "no-store"
ちなみに『x-jphone-copyright』の設定に以下の違いがあるとの事。
no-store :保存・転送・メモリーカード転送不可
no-transfer :転送不可
no-peripheral :転送不可(no-transferとの違いは?)
no-transfer :転送不可
no-peripheral :転送不可(no-transferとの違いは?)
拡張子が3gpの時のみ『x-jphone-copyright』を送信したい場合は、
<Files ~ "\.(3gp)$">
Header set x-jphone-copyright "no-store"
</Files>
Header set x-jphone-copyright "no-store"
</Files>
■PHPの場合
下記のようなソースを作成し、リンクしてしまえば確実。
<?php
header('Content-Type: video/3gpp');
header('Cache-Control: no-cache');
header('x-jphone-copyright: no-store');
readfile('hoge.3gp');
?>
header('Content-Type: video/3gpp');
header('Cache-Control: no-cache');
header('x-jphone-copyright: no-store');
readfile('hoge.3gp');
?>
個体識別番号取得時にユーザエージェントの値が変わる(携帯サイト作成)
個体識別番号取得時にユーザエージェントの値が変わる(携帯サイト作成)
携帯の個体識別番号を取得する際、DocomoとSoftBankはユーザエージェントにその値を入れる。
ユーザエージェントを管理に利用している場合など、問題が発生するおそれがある。
基本的には回避しかないと思われる。
個体識別番号がユーザエージェントに含まれているかの判定は以下の通り。
■PHPの場合
if(preg_match("/ser([a-zA-Z0-9]+)/",$_SERVER['HTTP_USER_AGENT'])) {
//Docomo。個体識別番号が含まれている場合。
}
if(preg_match("/\/SN([a-zA-Z0-9]+)/",$_SERVER['HTTP_USER_AGENT'])) {
//SoftBank。個体識別番号が含まれている場合。
}
//Docomo。個体識別番号が含まれている場合。
}
if(preg_match("/\/SN([a-zA-Z0-9]+)/",$_SERVER['HTTP_USER_AGENT'])) {
//SoftBank。個体識別番号が含まれている場合。
}
ページのキャッシュを残さない方法(携帯サイト作成)
ページのキャッシュを残さない方法(携帯サイト作成)
【方法1】 HTMLに以下を記述。
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
【方法2】 以下のヘッダを送信。
<?php
header('Expires: Sun, 10 Jan 1990 01:01:01 GMT'); ←過去の日付
header('Cache-Control: no-cache');
header('Pragma: no-cache');
?>
header('Expires: Sun, 10 Jan 1990 01:01:01 GMT'); ←過去の日付
header('Cache-Control: no-cache');
header('Pragma: no-cache');
?>
SoftBankがキャッシュが残りまくる・・・。
携帯サイトでSSLを設置する際の会社(認証局)選び(携帯サイト作成)
携帯サイトでSSLを設置する際の会社(認証局)選び
とりあえず、携帯の対応状況を見てみる。
■グローバルサイン(旧ジオトラスト)
http://jp.globalsign.com/support/index.php?action=artikel&cat=9&id=54&artlang=ja
■セコム
http://www.secomtrust.net/service/ninsyo/mobile_SSL.html
■日本ベリサイン
http://www.verisign.co.jp/server/about/client.html
http://jp.globalsign.com/support/index.php?action=artikel&cat=9&id=54&artlang=ja
■セコム
http://www.secomtrust.net/service/ninsyo/mobile_SSL.html
■日本ベリサイン
http://www.verisign.co.jp/server/about/client.html
・・・グローバルサインの携帯対応少な!
Docomoも905i〜ってorz
おそらく社名変更したためだと思われます。
2007年12月現在ではセコムか日本ベリサインがおすすめ。
3キャリア携帯HTMLテンプレート一覧(携帯サイト作成)
3キャリア携帯HTMLテンプレート一覧
さらにキャッシュを残さない設定をすれば完璧。
■Docomo
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
</head>
<body>
<form action="" method="post">
<!-- ひらがな -->
<input type="text" istyle="1">
<!-- 半角カナ -->
<input type="text" istyle="2">
<!-- アルファベット -->
<input type="text" istyle="3">
<!-- 数字 -->
<input type="text" istyle="4">
</form>
<!-- ダイレクトキー1 -->
<a href="" accesskey="1">hoge</a>
</body>
</html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
</head>
<body>
<form action="" method="post">
<!-- ひらがな -->
<input type="text" istyle="1">
<!-- 半角カナ -->
<input type="text" istyle="2">
<!-- アルファベット -->
<input type="text" istyle="3">
<!-- 数字 -->
<input type="text" istyle="4">
</form>
<!-- ダイレクトキー1 -->
<a href="" accesskey="1">hoge</a>
</body>
</html>
■au
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS" />
</head>
<body>
<form action="" method="post">
<!-- ひらがな -->
<input type="text" istyle="1">
<!-- 半角カナ -->
<input type="text" istyle="2">
<!-- アルファベット -->
<input type="text" istyle="3">
<!-- 数字 -->
<input type="text" istyle="4">
</form>
<!-- ダイレクトキー1 -->
<a href="" accesskey="1">hoge</a>
</body>
</html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS" />
</head>
<body>
<form action="" method="post">
<!-- ひらがな -->
<input type="text" istyle="1">
<!-- 半角カナ -->
<input type="text" istyle="2">
<!-- アルファベット -->
<input type="text" istyle="3">
<!-- 数字 -->
<input type="text" istyle="4">
</form>
<!-- ダイレクトキー1 -->
<a href="" accesskey="1">hoge</a>
</body>
</html>
■SoftBank
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
</head>
<body>
<form action="" method="post">
<!-- ひらがな -->
<input type="text" mode="hiragana">
<!-- 半角カナ -->
<input type="text" mode="hankakukana">
<!-- アルファベット -->
<input type="text" mode="alphabet">
<!-- 数字 -->
<input type="text" mode="numeric">
</form>
<!-- ダイレクトキー1 -->
<a href="" directkey="1" nonumber>hoge</a>
</body>
</html>
※J-Phone C2型はGETしかつかえない・・・っていうかJ-Phoneって(^0^;)
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
</head>
<body>
<form action="" method="post">
<!-- ひらがな -->
<input type="text" mode="hiragana">
<!-- 半角カナ -->
<input type="text" mode="hankakukana">
<!-- アルファベット -->
<input type="text" mode="alphabet">
<!-- 数字 -->
<input type="text" mode="numeric">
</form>
<!-- ダイレクトキー1 -->
<a href="" directkey="1" nonumber>hoge</a>
</body>
</html>








