asobi30

ActiveX コントロールアクティブ化の裏ワザ

2006年4月のWindowsアップデートでインターネットエクスプローラーの仕様変更があり
ホームページ訪問者は、APPLET 、EMBED、または OBJECT タグによってページに取り込まれたＪａｖａ、Ｆｌａｓｈ、ＭａｄｉａＰｌａｙｅｒなどのMicrosoft ActiveX コントロールを直接操作できなくなった。

これらのコントロールを操作するには、再生ボタンなどのユーザーインターフェイスをアクティブ化する（使えるようにする）操作が必要になりました。
その操作をしないと、うるさく右のようなコメントが表示されます。
詳細はMicrosoftのサイト参照

外部スクリプトファイル
従来通りすぐに応答するページを作成するには、外部スクリプトファイルにＪａｖａＳｃｒｉｐｔの、document.write を使って、APPLET 、EMBED、または OBJECT タグを書かせる記述をし、ＨＴＭＬファイルには外部ファイルを結合する記述をします。
具体例を挙げるとムービーファイル「example.wmv」を上映するページのソースは

HTML ファイル

外部ファイル「embed.js」

旧


<html>
<head><title></title></head>
  <body>
   <embed src="example.wmv">
  </body>
</html>

新


<html>
<head><title></title></head>
  <body>
    <script src="embed.js"></script>
  </body>
</html>


document.write('<embed src="example.wmv">')

と記述するようにＭｉｃｒｏＳｏｆｔのサイトでは説明されています

外部ファイルの汎用化・共用化
しかし、この方法では、個々のページごとに外部ファイルを作らなければならず、これまで作ってきたページの改造や、今後の個々のページの維持が大変です。
そこで、いろいろとテストしてみた結果、１つの外部ファイルで、すべてのページ、すべてのActiveX コントロールに汎用的に対応できそうなので、その裏ワザを紹介します。
（実験でできたということで、文法的に保証されたものではないので、将来にわたって使えるかは解りません）

１、汎用の外部ファイル「activ.js」に、与えられた文字列をページに書き込む関数を書きます。
２、ＨＴＭＬに外部ファイルを結合し、該当のembedタグを文字列の引数にして、関数を呼び出します。

HTML ファイル	外部ファイル「activ.js」
<html> <head> <title></title> <script src="activ.js"></script> </head> <body> <script> activ('<embed src="example.wmv">') </script> </body> </html>	function activ(p){ document.write(p); }

外部ファイルの結合は
<script src="http://www2a.biglobe.ne.jp/~qpon/activ/activ.js"></script>
のようにフルパスで書けば、すべてのページから１つのファイルを共用できるようになります。ＨＴＭＬは従来のタグを残したまま、

    <script>
	activ('<embed src="example.wmv">')
   </script>

のように前後にＪａｖａｓｃｒｉｐｔの記述を追加するだけの改造になります。

先頭タグのみ外部記述
文字列の途中には改行が許されないので、多くのパラメーターを使っている物になると、書き辛いこともある。最初のタグだけ外部ファイルに書かせれば、後はＨＴＭＬ文のままでもよさそうです。

ＦＬＡＳＨの場合

ＨＴＭＬタグでの記述	最初のタグだけ外部ファイルで書き込み
	');
マウスを乗せると表示がうるさい	従来どおり、マウスを乗せても表示は出ない
	デモは浮浪草さんの作品です

ＨＴＭＬタグでの記述
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="300"> <PARAM NAME="movie" VALUE="haruurara.swf"> <PARAM NAME="quality" VALUE=high> <PARAM NAME="bgcolor" VALUE=#000000> <EMBED src="haruurara.swf" width="300" height="300"> </OBJECT>
最初のタグだけ外部ファイルで書き込み
<script type="text/javascript" src="http://qpon.quu.cc/activ/activ.js"> <script type="text/javascript"> activ('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="400" HEIGHT="300">'); </script> <PARAM NAME="movie" VALUE="haruurara.swf"> <PARAM NAME="quality" VALUE=high> <PARAM NAME="bgcolor" VALUE=#000000> <EMBED src="haruurara.swf" width="300" height="300"> </OBJECT>

ＪＡＶＡの場合

デモは松本さんの作品です

最初のタグだけ外部ファイルで書き込み

＜注＞「http://qpon.quu.cc/activ/activ.js」は自分が外部ファイルを置いたのアドレスに書き換えてください

ＩＥ用タグの利用
サウンドやビデオの再生は外部ファイル化をしなくても、bgsoundやimg dynsrcといったＩＥ専用タグを使用し、ＩＥ以外のブラウザには、従来通りembedタグで再生するようにすればよい。

ビデオ

サウンド

旧

<embed src="example.wmv">

<embed src="example.mid">

新

<script>
nav=navigator.appName.substring(0,1);
if(nav=="M"){
document.write('<img dynsrc="example.wmv">');
}else{
document.write('<embed src="example.wmv">');
}
</script>

最新版のＭｅｄｉａＰｌａｙｅｒでは
dynsrcが機能しない場合があるようです

<script>
nav=navigator.appName.substring(0,1);
if(nav=="M"){
document.write('<bgsound src="example.mid">');
}else{
document.write('<embed src="example.mid">');
}
</script>

ActiveX コントロール アクティブ化の裏ワザ

ActiveX コントロールアクティブ化の裏ワザ