こんばんは
涼しくなったと思ったら、台風のせいでまた暑くなってご機嫌ナナメな管理人のかいざーデス
来年でFlashが本格的に使用できなくなるのですが
トップページのトップのバナーがFlashのままで
ページを開くたびに「何とかしなきゃー」と思いつつも
めんどくさいので「まぁいいかー、あはははは~」
と放置しつづけていましたが
やはりかっこ悪いので今さらのように焦り始めています
というのも1~2年前までswf→HTML5の変換をやってくれてたサイトが
ほぼサービス終了していて、代替案がほぼない状態
Adobe FlashのHTML5パブリッシュ機能や
Animater CCの機能や
Google Webデザイナーなんて試してみましたが
動くには動きますけど、ぼかしが再現されなくて悲しい
と思っていたらswf2jsという素晴らしいものを発見
JavaScriptなんですがどうやらswfのファイルを変換しなくても
そのまま表示可能と言うスグレモノ
ほら!Movable Typeの記事にだって張れる!!
やり方は簡単
JavaScript製FlashPlayer「swf2js」swfをそのままHTML5に変換。
からダウンロードしてルートにスクリプトを保存
<head>~</head>間に
<script type="text/javascript" src="/swf2js.js"></script>
を記述
<body>~</body>間の表示させたいブロックに
<script type="text/javascript">
swf2js.load("Kaiza DIY Page.swf", {"tagId": "container1", quality: "high"});
</script>
<div id="container1" style="width:301px; height:57px;"></div>
でOK
すこし変な記述になってますが、こう書かないとうまく表示されなかったのでこうしてます
複数設置する場合は、tagid:を変えて必要な行数記述
quality: "high"
は指定しないとぼやけた画像になってしまうので必須
Movable Typeで使う場合は1行目のソースファイルの指定をテンプレートモジュールに保存して
ヘッダーのモジュールに<$mt:Include module="swf2js"$>を登録すれば大丈夫
あとは一緒です
複雑なFlashコンテンツはムリみたいですが、バナー程度ならとりあえずこれで乗り切れそう・・・・・
コメントする