IEでのlongtail挙動について

longtail の実装で、少し気になったことがあるので、メモ程度に書いておきます。
Firefox Opera その他 非IE系のブラウザは問題ないのですが、

IEにかぎり、Objectが定義されてない旨のエラーが出てました。
もちろん、動作も問題ないのですが、やはり、エラー表示は気になります。

swfobject.jsの内容をおってみましたが、一行スクリプトで、判りづらいところもありましたが、

var SWFObject=deconcept.SWFObject;
この部分で、SWFObjectが生成できてないよといわれてるようです。

IEの場合getElementByID がうまく動かない時があるのを経験していますので、
その振り分けの部分かなーと思っています。

たしかIEの場合、正しくは、document.all.item(id) でDOMにアクセスしにいけてたと思いますので、
その辺を踏まえて、ハックを試みてみようと思います。

jQueryのDOM操作

今日の運勢など、更新する内容を、単純化しようと思いjQueryをつかって、
clickイベントが発動したときに、指定ID属性へappendするものを作ってみた。
しかし・・・なんだか重い。

おひつじ座の運勢を４つほど
総合
金運
　・
　・

・・と用意して、それぞれ追加ボタンを押すと、☆が表示されるものです。
星座は１２種類あるので、単純に、12x4=48個のリスナーが随時動くことになると思います。

それが、４つで若干重くなるということは４８個も設定するとかなり重くなるのかなと重い
いろいろ調べてます。

http://k-project.ariatown.net/contents/bbs-developer/test/star.html
ここにテスト用のサンプルhtmlを用意しましたが、
改善点などがわかれば少しずつ直して高速化を図りたいと思います。

ちなみに、ブラウザによって、速度はぜんぜん違いました。
Opera>Firefox>IE8 の順でした。

IE8に関しては、遅さが目に見えてわかりました。
jQueryといえども、javaScriptなのでクライアント側のブラウザに大きく影響するのでしょう。

そういった意味では、Operaはとても優秀なブラウザですね。

ちなみに、私はfox使いです(^^;

longtailの実装

longtailをhtml内に組み込んで見ました。
構成は、Flashのフレームが数点用意されていているので、それらをセットして、再生部分に
自分のFLVを差し替える形です。

http://k-project.ariatown.net/contents/bbs-developer/
(実装状態はコチラで確認できます。)

表示部分のソースは以下のようになりました。
20080711011.flvが、Flash映像の部分です。

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("player","9.0.98","expressInstall.swf");
</script>
<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="328" height="200">
<param name="movie" value="player-viral.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file=20080711011.flv&image=preview.jpg" />
<object type="application/x-shockwave-flash" data="player-viral.swf" width="328" height="200">
<param name="movie" value="player-viral.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file=20080711011.flv&image=preview.jpg" />
<p><a href="http://get.adobe.com/flashplayer">Get Flash</a> to see this player.</p>
</object>
</object>

longtailの導入

よく、youtubeやニコニコ動画、その他の動画コンテンツサイトで、
Web上にてプレイヤーが表示され様々な動画コンテンツを、何気なく表示してます。

youtubeに至っては、関連動画の表示や外部リンクのためのタグまで用意してくれます。
そういったものを、可能にしてくれる、もので、longtail vido のJW Players というものがあるようです。

ページランクが９なので、認知度高すぎて誰でも知ってるかもしれませんが、海外のユーザの方から
教えていただきました。

早速ダウンロードをしてみて、構成を確認したのですが、用意されてるswfobject.jsを、読み込み、
HTML内でobjectタグの前に下記の記述を埋め込むだけで良いようです。

--------------------------------------------------------------------------------
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript"><br />
swfobject.registerObject("player","9.0.98","expressInstall.flv");<br/>
</script>
--------------------------------------------------------------------------------

表示形式は、swf,flv どちらでも表示できました。
ハックに関してはこれからですが、動画再生や関連動画をDock風に演出するのが当たり前になってきた今日では、かなり重要度が高いアイテムだと思います。