投稿者「ロコモコ堂 フルタ」のアーカイブ

Quick Time

HPに映像を貼付けるのに、ちょっと手間がかかってます。

FLVのファイルを貼付けようと考えていたけど、無料で使えるFLV playerは、どれも画面に開発社のロゴやらリンクやらが入るので使えないので諦めました。

それにFLVに変換する時、元のデータのファイル形式が合わないと、色が反転して補色になり、出来上がったFLV画像がネガみたいになる事も有るというのも好きじゃないし。

元データを、一旦他のコーディックで変換して、それをFLVデータに変換してたら、画質の劣化がさらに酷くなるわけだし。

Affter Effectsなどで作ったデータなら、元のAffter Effectsのプロジェクトからレンダリングし直して、FLV形式で書き出せばいいんだろうけど、使いたいデータが何年も前のものだったら、データの山の奥底にまぎれてしまっていて、発見するのも大変な状態なんです。

そんなこんなでQuickTimeを使う事に決定。

しかし、ここでもいつものブラウザーの差異による問題が起きるもんで、embedタグとobjectタグを二重に使わないといけなかったり、QuickTimeのコントローラーを出さなかったり・自動でスタートさせたり・ループさせたりというオプションは、objectタグではJavaScriptにして読み込ませないといけなかったりと、なかなかややこしいです。

QuickTimeの情報を得ようとApple JapanのHPでリファレンスを探してみても、QuickTimeをHTMLに貼り込める様にする方法は8年前のもので、もう使わない方向にいっているembedタグのものしかないですからねえ。アメリカのAppleで英語版のリファレンスを探しても、objectタグでの貼り込み方が載ってはいるものの、簡単なもので、オプション関係は8年以上前のembedタグのページを見て研究して下さいという感じになってます。

もうQuickTimeは、Webでは可能性が少ないとApple自体も思ってるんでしょうね。

QuickTime Movieを見て、明るい未来を感じていた世代にとっては、ひとつの時代が終わりつつある様な気がしました。

またまた実験してみた…MP4ファイル

自分の写真ギャラリー用のHPの、トップページのデザインが思いつかないもんで、

いっその事、映像を置こうかといろいろやったついでに、ブログにもはめ込めるか

やってみた。


映像は、かれこれ6年程前のVJ用に作ったものを320*240サイズにサイズダウンす

る。


QuickTimeでApple Video形式で圧縮し、画質をキープしながら21MBのファイル

サイズとなり、まずまずの圧縮サイズだと思ったが、これを標準的なMP4ファイル

に圧縮したら750KBにまで小さくなった!

3.6%にまで小さくなるとは、驚きのエコサイズですわ。


ま、画質はかなり落ちましたがね。それでも750KBにまで小さくなるなんて脅威

です。


ここ迄小さくなったならブログにも貼り込めるなと、早速貼り込み実験しました。


フラクタル青橙320*240


embedタグという過去の遺物の様なタグを使うと簡単に貼り込めました。

本来なら使うべきじゃないタグです。

objectタグに変えておこう。


本来ならFLVファイルにするのがいいんでしょうけども、ページにはめ込めるフリー

のFLV playerは、ほとんど皆、再生時の画面に製作者のロゴがでツ図蹴るもんで、

あまり美しくないんですよね。


もうちょっと研究したら、もっといい方法が見つかるかもしれない。

実験してみた…揺れる画像

blogで画像を扱った時、javascriptがどの程度使えるか実験してみた。

結局、直接貼り込めないので、iframeタグで外部から引っ張ってくることになりました。

そりゃそうだろな。

Photoshopでスライスした画像を左右にユラユラさせてます。
かなりおおざっぱで素朴なものですが、これもスライスを細かくすれば、もっときれいにはなる
筈です。でもPCにかかる負担が大きいから、動きがガタついてしまうでしょうね。

左右に動く位置は、三角関数で計算させ、若干動きにランダムな要素を入れたので、なん
となくユラユラ感はでてるかな?


昔のVJ用映像を発見。


自分の写真gallery HPのリニューアル工事の為、古いHDの中身を探っていたら、昔

(3~8年前分)のVJの為に作った映像を発見。


クラブやライブ、ダンスイベント、自分の個展等の為に作ったものだけど、当時の

非力なMacでも使える様に解像度が320px * 240pxにしてあり、今となっては画像

が荒くて使い勝手が悪い。


実際、その頃でも画質の悪さが気になり、この解像度でMac用データを作りながら、

DVDやDV用に720px * 480pxの映像も同時に作り、現場ではビデオミキサーのV-4

でミックスする事が多かったですし。(Kaoss Pad Enhancerのエフェクトも、解

像度が落ちるから嫌だったです。最近全然使ってないけど、今使うと、かなり画質

が見劣りするかな。)


でもPCの画面で見ると、その画質の荒さが映像効果っぽく見えなくもないです。

自分のホームページの味付けに、ちょっと使ってみようかな?


映像を貼付けたいけど、このサーバ、2MBまでしかアップロードできないから、画

像のみ貼付けします。


人生同様、彷徨いやすい性分です。

今日はこのブログのwordpressの調整ができず、こまごまとした事や自分の写真のHP

    Brighton Pict — http://web.kyoto-inet.or.jp/people/furutahi/

      (Web上に置いてあるのは8年前のものです。)

のリニューアル工事しかできなかったです。

しかも夕方からこの時間までかかっていたのに、アコーディオン状に開閉するメインメニュー

しか手をつけられませんでした。

ポインターを乗せたら(hoverというやつ)アコーディオン状にメニューが開く筈がどうも不安

定で、パーツで作っているときは円滑に動くのに、他の部分と組み合わせると、反応が悪くなる

んですね。


開閉機構はCSSで作ってもいいんですが、動きが無機質なもんで、jQueryでanimateを使えば滑

らかな動きになるので、こっちで作ったんです。

他にもJavaScriptのコードを数種類使っているので、JavaScript同士のコンストラクションかと

色々見てみたんですが、おかしなところは無い。

なんでかな?といろいろなところをいじり、最後にCSSでボックス全ての色を変えていたら、透

明なボックスがそのメニュー部分に被っているじゃないですか。

ボックスの設定を変えて無事解決です。

原因が分かれば何の事は無いんですが、先入観にとらわれて見当違いなところをぐるぐる回り、

なかなか根本的な原因究明ができなかったりするんですね。

人生同様、彷徨いやすい性分です。