動画ツール

Share  

〔追記8〕
動画再生スクリプトはFlowplayerに統一する。2014年はすべてFlowplayerで書いた。スマホ用にはJQueryプラグインのblueimgを参考に作成した。写真スライド用だが、HTML5 video(mp4)も同じように扱えるので、写真・動画集として使う。Drupalでは、Youtubeなどの動画を、[video:url]タグで再生できるようにした。

〔追記7〕
写真動画スクリプトの一本化に四苦八苦している。年別に異なるスクリプトのままにして、新規に共有サイトで統一したほうが良さそうだ。

  1. JuiceBox →気に入っておりスマホでも動くのでWeb専用に使う? (二重管理が面倒だが)
    Chromeローカルでは再生できなくなった。IE11では"Gallery XML Not Found"になる。Firefox/Safariは正常動作。
  2. Simpleview (Gallery XML)も同じ現象だが、古いバージョンは正常に動く。 →古いバージョンをそのまま使う。
  3. IE11 Mediaboxほかのポップアップが右下1/4の位置になって使えない(2012以前の写真アルバムすべて) →Fancyboxに入れ替える。
    IE9/10は正常動作。IEにはいつも泣かされる! 写真アルバムは限定公開なのでIEをサポートしない!
  4. Flowplayer
    Playlistの縦幅分のマージンを指定しないと後に続くテキストが隠れてしまう。
     

 〔追記6〕本サイトは雑記帳で無料のオープンソースのアプリやスクリプトを多用している。動画編集・再生スクリプトもたくさんあり、運用サイトで使うツールがばらばらだ。ツールのことばかり書いていて、肝心緒動画はあまり掲載していない。別に動画サイトを志向しているせいでもあるが、数年以上未完成のままだ。撮った動画をYouTubeにもアップしているがアカウントが三つあって、何をどこにアップしたか忘れた。今日もたまたまこんな動画を発見した。ipod nano, HTCスマホ、そして2011年に買ったHDビデオで撮ったものを試しにアップしたものだ。下記は、その中の一本だがBGMの著作権が不明だ。著作権違反で削除されていないから、多分YouTubeで用意されたBGMを使っているのだろう。→こちらに見つかった動画を掲載するようにした。

〔追記5〕Android4.xでもFlashサポートは打ち切られ、過去の動画スクリプトは動かなくなった。Android2.xでは動く。

MediaboxAdvancedは動画も写真も扱えて便利だが、Apple/Android4.xでは動画の再生ができなくなった。今後はFlowplayerとFancyboxに移行する。

〔追記4〕 無料のAny Video Converter 3.3.5 (2011年リリース)のトリミング、クロップと効果を重用しているが、最新の無料版AVCではこれらの機能が使えなくなっている。

〔追記3〕

  • 2013-03-12 NonverBlaster:hoverのサポートが打ち切られた。公式サイトも閉鎖(一部アーカイブ有り)。動画再生にFlashが不要な時代になったからだ。iPad/iPhoneなどApple製品ではFlashをサポートしていない。
  • JWPlayer5.10またはFlowplayerに移行していく。

〔追記2〕

  • mediabox.jsでmediaplayer.swfのパスを絶対アドレス(http://~形式のWebアドレス)で書いた場合、写真・動画ファイルのアドレスも絶対アドレスで書く。相対アドレスだとローカルで再生できない。Webでの再生は可能だ。
  • blaster.jsでは、動画ファイルのパスは呼び出し元からではなくmediaplayer.swfからの相対アドレスである。

〔追記1〕2012年からはMediaboxAdvanced(ポップアップ動画再生)とNonverBlaster(埋め込み動画)を中心に使っている。同じページで使うと、Chrome,Safari,IE9の場合、ポップアップ画面がNonverBlasterの背後に表示される。iframeやImageRotatorも同じである。Firefox,Operaでは問題がない。

はじめに  2008-12-19

パソコンで動画を作成・編集しはじめて7年、自営Webで動画を再生・共有するようになって5年以上になる。この間いろんな動画ツール/スクリプトを試した。数年前からFlash(flv/swf)を中心に使うようになったが、iPod nanoで撮った動画がmp4なのでmp4も多くなった。また動画再生・表示のスクリプトもいろいろあり、その選択に迷う。

2011/3頃から、写真と動画を一緒に扱えるMediaBoxAdvancedに一本化しようとしているが思うように進まない。それぞれのスクリプトの良さがあって捨てられなかったり、書き換えるのが面倒だからだ。

  • JW Player これまでv3.17とv4.3を採用。2010/10 V5.3でHTML5サポート
    embedタグだけで書けるのが便利だが、互換を考えるとswfobjectを使ったほうがいい。 ⇒Videoタグで簡単になる。ブラウザだけで再生可能〔注〕
  • Silverlight Player マイクロソフト独自仕様(ブラウザ互換がないので今後は使わない)
  • Videobox 写真ポップアップ表示用のLightboxを動画用に改造したスクリプト
  • NonverBlaster シンプルで使いやすい。Mediaboxに組み込み可能。
  • Mediabox 写真と動画の両方を扱える(Lightbox+Videobox+popup+playlist)
    再生プレイヤはJW PlayerまたはNonverBlasterのいずれかを選択できる。

〔注〕Firefox, Chrome, OperaがWebMに対応済み。IE9, SafariはH.264/MP4

※写真スライド用

  • phpSlideshow 写真ファイル(jpg)フォルダーにphpファイルを一本保存するだけでスライドショー表示できる
  • Image Rotator 写真をスライドショー表示するのに多用している
  • SimpleViewer サムネールを含む写真ギャラリー表示に採用(最初Linux/Ubuntuで利用)
  • Juicebox 同じSimpleviewer社が提供しているHTML5対応スクリプト
  • JQuery Cycle Plugin 写真スライドショー Imagerotatorの後継に利用 2013Cycle2リリース