![[トップページ]](../lib/img//top.gif)
![[一覧]](../lib/img//list.gif)
![[検索]](../lib/img//search.gif)
![[ヘルプ]](../lib/img//help.gif)
![[ログイン]](../lib/img//login.gif)
HTML Tips
外部CSSファイルやJSファイルを読み込む
＜head＞ ＜link rel="stylesheet" href="./style.css" type="text/css" media="screen"＞ ＜script language="JavaScript" src="script.js"＞＜/script＞ ＜/head＞
ムービーファイルを途中から再生する(HTMLではないけど)
.wvxファイルに，次のように書きます．＜ASX VERSION="3.0"＞ ＜ENTRY＞ ＜!-- 1分のところから再生を始める --＞ ＜StartTime Value = "00:01:00.0" /＞ ＜Ref href = "./hoge.avi" /＞ ＜/ENTRY＞ ＜/ASX＞
WebページでWindows Media Playerを埋め込む
メディアプレーヤーには，古いバージョンと新しいバージョンの２種類がある．新しいバージョンは，再生できない環境が多かったりするので，古いほうを使うのが無難
＜!-- Windows Media Player 6.3 --＞ ＜object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"＞ ＜param name="FileName" value="hoge.wmv"＞ ＜param name="AutoStart" value="true"＞ ＜/object＞ ＜!-- Windows Media Player 7.0 --＞ ＜object classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6"＞ ＜param name="URL" value="hoge.wmv"＞ ＜param name="AutoStart" value="true"＞ ＜/object＞その他にもパラメータを指定することができる．
例えば，コントロールバーを非表示(ShowControls)にしたり，開始位置(CurrentPosition)を変更したりなど．
詳しくは，以下のページを参照
ActiveXのイベントを受け取る(Windows Media Playerの例)
ここでは，Windows Media Playerコントロールの再生終了イベントを受けてメッセージボックスを出します．
＜object id="wmp1"
classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" height=200 width=200＞
＜param name="FileName" value="A.asf"＞
＜param name="AutoStart" value="false"＞
＜param name="ShowControls" value="true"＞
＜/object＞
＜div＞
＜input type="radio" name="filename" onclick="wmp1.FileName='A.asf'" checked＞動画Ａ
＜input type="radio" name="filename" onclick="wmp1.FileName='B.asf'"＞動画Ｂ
＜/div＞
＜div＞
＜input type="button" value="再生" onclick="wmp1.play()"＞
＜input type="button" value="停止" onclick="wmp1.stop(); wmp1.CurrentPosition=0;"＞
＜input type="button" value="一時停止" onclick="wmp1.pause()"＞
＜/div＞
＜object id="wmp1" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"＞
＜param name="FileName" value="xxx.asf"＞
＜param name="AutoStart" value="true"＞
＜/object＞
＜script for="wmp1" event="EndOfStream(lResult)" type="text/javascript"＞
＜!--
alert("再生 糸冬 了！!");
// --＞
＜/script＞
複数映像を同期するときのメモ
・SMILは，再生するコンポーネントがRealPlayerなので，wmvが再生できないのが難．．まあ，非Windows Mediaで統一してあれば問題ないが．．
・SAMIは，Windows Media用の字幕のための仕組み．
ビデオの再生制御などは関係ないものと思われる．
・なので，HTMLでobjectタグを複数使って書くのが基本になると思われる．
同期制御は，各WMPコントロールのCurrentPositionをマメに比較してやるのかな．
HTMLでActiveXを使う
＜OBJECT ID="Hoge" CLASSID="CLSID:1B63F80A-852A-44DD-AD05-000000000000"＞＜/OBJECT＞
ActiveXの関数を呼び出すときは
＜object id="Hoge" ・・・・＞＜/object＞ ＜a href="javascript:Hoge.Test();"＞
改行や空白を反映させる
ソースコードを貼り付けたりするときに便利です．＜pre＞ ここにいろいろ書く ＜/pre＞
小さい文字(logのテイ等)
log＜sub＞10＜/sub＞
テーブルで複数行にまたがるセルの作成
・複数行(縦長)＜td rowspan="3"＞・複数列(横長)
＜td colspan="3"＞例：
＜table border="2"＞ ＜tr＞＜td colspan="3"＞横長＜/td＞ ＜/tr＞ ＜tr＞＜td＞kari2＜/td＞＜td rowspan="2"＞縦長＜/td＞＜td＞kari＜/td＞ ＜/tr＞ ＜tr＞＜td＞kari＜/td＞＜td＞kari2＜/td＞ ＜/tr＞ ＜/table＞
自動的にリロード，自動的に指定したページにジャンプする方法
・自動的にリロード＜META HTTP-EQUIV="Refresh" CONTENT="0"＞・自動的にジャンプ
＜META HTTP-EQUIV="Refresh" CONTENT="0;URL=http://www.hoge.com"＞
１つの画像に複数の異なるリンクを割り当てる(クリッカブルマップ)．
＜img src="hoge.jpg" usemap="#mymap"＞ ＜map name="mymap"＞ ＜area shape="rect" coords="40,0,80,40" href="link1.html" alt="リンク１"＞ ＜area shape="rect" coords="0,40,40,80" href="link2.html" alt="リンク２"＞ ＜area shape="rect" coords="80,40,120,80" href="link3.html" alt="リンク３"＞ ＜/map＞
作成日: 2006年02月23日09時41日48秒