MovableType、WordPressで動画を掲載

久しぶりに動画をアップロードしたい案件ができました。
以前2014年に、ホームページに動画を掲載した時は、FLASHを使う方式だったのですが、現在はFLASH自体が存在しないので同じ方法は使えません。

今回はMovableTypeやWordPressのブログに掲載するのが目的です。

まずは、デジカメで録画した動画をAdobe Premiere Elements(今回はバージョン11)で編集します。
具体的には2つの動画ファイルから3つの部分を切り出して、1つのファイルに合成して、MovableTypeやWordPressで掲載できる動画に変換して、アップロードします。

まずはAdobe Premiere Elementsを起動して、ビデオエディターをクリックします。
新規プロジェクトをクリックします。
メディアを追加でファイルとフォルダを選び編集の素となるファイルを全て(今回は2つ)開きます。
編集の素となるファイルのどちらかをダブルクリックして選択します。
切り取る部分の最初の部分にインを設定、最後の部分にアウトを設定します。
画像を左クリックし、下の作業域(ビデーとかオーディオとかのバーがある部分)にドラッグします。
画面の左上の方のプロジェクトのアセットをクリックする、ファイル一覧が表示されるので、編集の素となる次のファイルをダブルクリックして選択します。
同じように切り取る部分の最初の部分にインを設定、最後の部分にアウトを設定します。
これを繰り返して動画を完成させます。
右上の書き出し・配信をクリックして携帯電話および携帯プレーヤー(携帯電話やその他のデバイスでの表示用にファイルを書き出し)を選択。MPEG(このコンピュータでの再生またはDVDへの書き込みに使用)
ファイルの大きさや解像度のちょうど良さそうなApple iPod,iPad及びiPho…)でプリセットApple iPhone,iPod 標準 高品質を選択。
ファイル名と保存場所を設定して、保存します。
400*300の大きさのH264のMP4ファイルが出来ました。

WordPressだとメディアを追加した後、投稿に挿入で完成です。

MovableTypeの場合は動画ファイルをアップロードした後でソースファイルを書き換えます。
<embed width=”400″ height=”300″ src=”https://kimassi.net/manpuku/aoriika.m4v” autostart=”0″></embed>
以上で動画の掲載は完了です。

Adobe Premiere Pro(今回はバージョンCS6.0)も使ってみました。
Adobe Premiere Proを起動して新規プロジェクトを登録します。
ウィンドウ(W)でプロジェクトにチェックを入れます。
ファイル(F)で読み込み(I)で必要な動画ファイルを全て読み込んでおきます。

プロジェクトのウィンドウにあるトリミングしたい動画ファイルをダブルクリックするとソースのウィンドウに表示されます。
タイムバーのマーカーを切り取りたい最初の部分に「インをマーク(i)」をクリックする。
切り取りたい最後の部分に「アウトをマーク(o)」をクリックする。
プロジェクトのシーケンスをダブルクリックする。
「インをマーク(i)」と「アウトをマーク(o)」を設定した動画を左クリックしてシーケンスのウィンドウにドラッグする。
これを繰り返して動画を完成します。

ファイル(F)の書き出し・・メディア を選択し書き出しの規格を設定します。
今回はH.264 Android スマートフォン360P 29.97を選択しました。
書き出しのボタンをクリックし
ビデオ・・・基本ビデオ設定で 400*224 に設定して書き出しました。
11秒で906KBのmp4で出力されていました。
結果的に480*360の大きさのファイルになっていました。

 

プロジェクションマッピングをデジカメ(ソニーのCyber-shot DSC-HX50V)で撮った動画が暗くて、ほとんど見えなかったので、
Adobe Premiere Proを使って修正してみました。
Adobe Premiere Proは画面の表示を設定するのがややこしくて、参考書を見てもよくわかりません。
いろいろ試行錯誤して、やっと操作できるようになりました。
まずは、Adobe Premiere Proを起動して新規のプロジェクトを登録します。

プロジェクトの欄があるか確認し、無ければ
ウィンドウ(W)・・・プロジェクトにチェックが入ってなかったらクリックします。
エフェクトコントロールの欄があるか確認し、無ければ
ウィンドウ(W)・・・エフェクトコントロールにチェックが入ってなかったらをクリックします。
エフェクトの欄があるか確認し、無ければ
ウィンドウ(W)・・・エフェクトにチェックが入ってなかったらを選択します。
プログラムの欄があるか確認し、無ければ
ウィンドウ(W)・・・プログラムモニターを選択します。

ファイル(F)・・・読み込みで作業する動画を選択します。

プロジェクトのウインドウにあるシーケンスをダブルクリックしてプログラムモニターにシーケンス名が表示されていることを確認します。
プロジェクトウインドウに表示された動画ファイルを左クリックしながらプログラムモニターのウインドウにドラッグします。
シーケンスのウインドウでバーを動かして、プログラム:シーケンスの画面に動画が表示せれる事を確認します。
エフェクトコントロールのインデックスをクリックしてのエフェクトコントロールのウインドウを表示します。
シーケンスのウインドウの色調整する動画の部分をクリックして選択します。
エフェクトのインデックスをクリックして、ビデオエフェクトのフォルダをクリック、色調補正のフォルダーをクリック、明るさの値の項目を左クリックしながらエフェクトコントロールのウインドウにドラッグします。
これでエフェクトコントロールで動画の明るさを変更できます。
同様にして動画の色を調整します。

色の補正はできたけど、動画は撮影は簡単だと思い家族に撮らせたので、画面はぶれるは鮮明さに欠けるはで全く使い物になりませんでした。
動画をなめてかかった自分が悪いんです。
でも勉強になりました。

加工前と加工後の動画を文字を入れて繋げた動画を作ってみました。
これも購入したテキストと使い方が違います。

プロジェクトパネルのウインドウの空きスペースで右クリックし、「新規項目」の中から「タイトル」を選択します。
ビデオ設定で幅と高さを入力して、ピクセル縦横比で正方形ピクセルを選択します。
文字の挿入の仕方に応じて、横書き文字ツールか縦書き文字ツールを選びます。
今回は横書き文字ツールを選びます。
文字の入れた場所でクリックして文字を挿入します。
選択ツール(斜め矢印のアイコン)をクリックして、文字部を選択し、ドラッグして大きさを変えたり、位置を変えて調整します。
プロジェクトのウインドウを表示して使ったタイトルの文字を、左クリックしたままタイムライン上の文字を入れたい場所にドラッグして、その後、タイトルを表示したい時間を調整します。

持っている参考書と操作があまりにも違うので、Premiere Pro CS6 ガイドブックを購入しました。

Affinity Designer,Affinity Photoを購入した

2023年2月2日

新しく自作パソコンを組んだのを機に、ソフトの見直しをすることにしました。
AdobeのPhotoshop(Ellements)の代わりにAffinity Photo、Adobeのillustratorの代わりにAffinity Designerをインストールしました。

AdobeのPhotoshop(Ellements)で一番よく使う、解像度を低くして、シャープをかける機能をAffinity Photoで試してみました。
大きさを変えるのはドキュメントのドキュメントのサイズを変更を用います。
シャープをかけるのは、フィルターのアンシャープマスクでPhotoshop(Ellements)の条件に合わせて、半径1px、係数4、しきい値90%を使いました。一度使うと次回も条件を記憶しています。
ちょっとシャープさが甘い感じがします。
いろいろ試して、しきい値0%にすると、好みのシャープにできることが分かりました。
設定を半径1px、係数0.8、しきい値0%にしました。
場合によっては、フィルター・・・ノイズ除去やかすみの除去を利用するのも良いようです。
jpgで保存する場合はエクスポートを使います。

Adobeのillustratorで作ったaiファイルをAffinity Designerで読み込むことはできましたが、編集した後で、aiファイルで保存することは出来ませんでした。
ちょっと困りました。
自分だけでデータを使うだけなら良いけど、仕事関係とか他の人とデータを共有するには不便です。

編集自体はかなりな事ができそうですが、文字の縦書きができないのは不便です。
まあ、テキスト領域を縦長にして、ーは|に変えて、中央揃えにすると縦書きっぽくできます。
横書きの文字列を回転させて縦長に表示することは可能なので、致命的な不具合では無いのですけど。
すでに発売済みのAffinity Designer2では文字の縦書きができるようになったそうです。

2023年5月3日

メルカリで、はじめてのアフィニティ・フォト Windows対応版(解説書)2600円を購入しました。
Affinityの解説本って、ほとんど出版されていなくて唯一といってもいいくらいなのだそうです。
少しずつ慣れていこうと思います。

2023年6月8日

はじめてのアフィニティ・フォト Windows対応版(解説書)をおおまかに読んでみました。
遠近の補正が簡単にできるという事で試してみました。

元の画像は下の画像ですが、奥が小さくなってお盆の形も歪です。

Affinity Photoで画像を開いて、矢印の先のメッシュワープツールのパースペクティブツールを起動してグリッドを表示にチェックします。

画像の4隅のポイントを移動して、お盆の横片が垂直になるように修正します。

奥の幅だけをを補正したものが下の画像です。実際の大きさの比率にかなり近くなりました。
実際には奥の食器が手前の食器より大きいので、まだ修正が必要です。

奥のほうの垂直方向の補正もしてみました。
随分、近い感じになりました。

明暗の調整もよく使うのですが、Affinity Photoでは右側のウインドゥのHSL調整か明るさ/コントラストもしくはシャドウ/ハイライトをクリックしてデフォルトをクリックすると調整バーが出てきました。


いろんな調整ができるけど操作方法がわかりにくいです。

試してないけど、Affinity Photoでも、像の一部を消したり、境目のぼかしや、Photoshopで出来る事は、ほぼ対応しているようです。
やっぱり参考書はあったほうが良いです。

一応、必要なことは全部できるようです。

2023年6月11日

Affinity Photoって現在はAffinity Photo2にバージョンアップされているのですが、Affinity Photoは、公式サイトでは、もうダウンロードできなくなっているようです。
つまりトラブルが起きた時も、再インストールできないって事です。
ちょっと酷いと思います。

2023年10月1日

伊根舟屋群に観光に行った時の画像で、景色に蜂が写り込んでいたのを後になって気づいて困りました。
「はじめてのアフィニティ・フォト Windows対応版」を見てみると、景色の一部を消す機能もあるということなので、試してみました。
ツールパネル・・・レタッチツールのフライアウトボタンをクリック・・・インペインティングブラシツールを選択し 対象物を選んでクリックすると、あっという間に除去することができました。しかも除去した後が自然です。凄いです。




金引の滝に行ってきた

天橋立、伊根浦舟屋群、丹後立岩に行ったついでに、金引の滝(かなびきのたき)に行ってきました。
金引の滝は高さ約40メートル、幅約20メートルで日本の滝100選の一つです。
カーナビで登録して行きましたが、町内には親切な案内標識があちこちにあり、迷わなく行けました。天橋立からは10分程度で行けます。
整備された駐車場があり10台程度駐車できるようでした。

人気のスポットのようなので、途中の道が狭く混雑時にはたどり着くまでに苦労しそうな感じです。
金引の滝への遊歩道入口には、入山料(景観維持協力金)100円の料金箱が設置されていました。
とてもよく整備されていて、気持ちよく料金を支払うことができました。

遊歩道入口からちょっと登ったところに、臥龍の滝、白龍の滝がありました。


もうちょっと登ったところに金引の滝がありました。
遊歩道入口から数百メートル5分程度で金引の滝にたどり着けます。
金引の滝は滝つぼの無いのが特徴的で右側の大きな方が「男滝」、左側の小さな方が「女滝」と呼ばれているそうです。
本当に美しい滝でした。





天橋立に来て金引の滝に寄らないのはもったいない気がします。

天橋立に行ってきた

三方五湖、音海大断崖、天橋立、丹後の立岩、伊根浦舟屋群、金引の滝をめぐる旅に行ってきました。

伊根浦舟屋群から天橋立ビューランドまで自動車で45分程度でした。
天橋立の駐車料金は、かなり高くて800円から1000円かかります。
でも国道から天橋立ビューランド側に平行にある道路沿い(伊根方向)には敷地を500円で提供している民家の駐車場が何軒もあります。
その多くは、管理している人がいなくて、料金は料金箱に入れてくださいという感じです。
さすがに誰もいないところは入りづらいので、おじいさんが案内していた民家に駐車しました。
駐車したところから天橋立ビューランドまでは徒歩2分です。
天橋立の松林を渡って笠松公園のリフトも乗るため、自動車に積み込んだ折り畳みミニ自転車(16インチ)を組み立てて天橋立ビューランドに向かいました。
天橋立ビューランドの前には駐輪場がありました。

天橋立ビューランドと笠松公園の両方のリフトを乗るため、両方乗れるセットのチケット1200円を購入しました。片方ずつ購入すると1530円なのでお得です。

リフトとケーブルカーのどちらでも乗れるのですが、時間の節約でリフトに乗りました。
天橋立ビューランドは遊園地と天橋立展望のための施設が併設されています。
天橋立ビューランドからの天橋立の風景は絶景でした。
天橋立ビューランドには40分ほど滞在しました。



再び、自転車(16インチ)に乗って智恩寺を見学して松林を渡って笠松公園に向かいました。



天橋立桟橋(廻旋橋)は舟が通るときに橋が開かれる珍しい橋で興味があったのですが、時間の節約のため見るのを断念しました。


松林は舗装はしてありませんが、それなりに広くて走りやすい道路がありました。

松林は3.4kmなので、普通の自転車で、予定では15分で渡れると計算していたのですが、あくまでも遊歩道だし、ミニ自転車(16インチ)だということもあり渡るのに40分かかりました。
それにミニ自転車(16インチ)は疲れます。
天橋立の松林は、松があるだけで特に見るべきものはありません。
松林往復での50分の見込み違いが、旅行に大きな影響を与えました。

笠松公園のリフト乗り場の近くの「よし乃や」で地イカの贅沢丼を食べることにしました。
「よし乃や」は食事を予約すると駐車料金が無料という事なので、最初は予定にしていたのですが、11:00~17:00の営業時間が計画と合わないので候補から外してあったのです。
予定が狂ってちょうどお昼時に通ることになったので、入ることにしたのです。
本来、地イカの贅沢丼は予約限定なのを完全に忘れていましたが、お店の人に相談したら、用意していただけるようになりました。

食事を終えて、笠松公園のリフトに乗りました。
笠松公園は天橋立の松林が斜めから見えますが、陸に向かっての風景でもあり、天橋立ビューランドからの風景と比べると地味でインパクトに欠けます。
ただ、天橋立の代名詞である股のぞきは笠松公園が元祖だそうです。


笠松公園のマップを見ると、ずっと上に一見の価値がある「パノラマ展望台」があるという事を知り、かなり迷ったのですが断念しました。
リフトで登った笠松公園が海抜130mなのに対して「パノラマ展望台」は海抜500mです。どう考えても無理です。
ちなみに海抜350mにある成相寺まではバスが出ています。往復大人1120円です。
階段を3分ほど上ったところに元祖股のぞきの場所がありました。見える景色に変わりはありません。

リフトで降りて、再び自転車(16インチ)で松林を通って天橋立ビューランド近くの駐車場に戻りました。

結局、天橋立には3時間滞在しました。

もし、普通に天橋立を観光しようということでしたら、リフトは天橋立ビューランドだけにして、天橋立桟橋(廻旋橋)の動くところを見て、松林を少しだけ見学するのが良いと思います。

伊根浦舟屋群に行ってきた

天橋立、丹後の立岩、伊根浦舟屋群に行ってきました。
道の駅てんきてんき丹後(立岩)から向かい1時間ほどかかり、早朝8:00に道の駅 舟屋の里伊根に着きました。
途中の道路でサルの群れを見かけました。
道の駅 舟屋の里伊根の営業は9:00からですが、金曜日の早朝なのに30台ほどの自動車が駐車されていました。
かなりの数が車中泊したものだと思われます。

道の駅 舟屋の里伊根からの展望は絶景でした。
伊根に来た時には絶対外せないビューポイントだと思います。
道の駅 舟屋の里伊根は高台にあるので折り畳みのミニ自転車(16インチ)ではきついです。
15分程度、景色を楽しんで、伊根浦舟屋群に向かいました。






道の駅 舟屋の里伊根から自動車で5分くらいにある伊根町七面山駐車場にで駐車しました。
トイレも設置されている大きな駐車場で、観光遊覧船の乗り場も兼ねていました。
伊根町七面山駐車場は昼間(午前8時から午後9時まで)30分間無料、以降30分ごとに100円です。
夜間(午後9時から午前8時まで)30分ごとに200円です。
伊根町七面山駐車場では、多くの人が釣りをしていました。駐車している人の数多くは釣り人のようでした。

折り畳みのミニ自転車(16インチ)を組み立てて、伊根浦舟屋群をサイクリングしました。
伊根の町は道路が狭いので、途中停車できる場所は皆無で、歩くには範囲が広いので、サイクリングが最適です。道路の高低差がほとんど無いのも助かります。

舟屋の家は、ほとんどが民家(民宿)なので、敷地に入って見学することは禁止されています。
それでも堤防などから見学できるのでビューポイントは多いです。





耳鼻(にび)の谷方面にある遊覧船亀島丸の自宅は舟を係留してある建物の中に入ったり海の接岸部に出られて見学できるようになっていてトイレも提供しています。
遊覧船で観光を予定する場合は、遊覧船亀島丸(090-8579-1002)を利用してあげましょう。
一般開放している数少ない施設です。




耳鼻(にび)の谷の行き止まり近くまで行って戻ってきました。

伊根浦舟屋群のサイクリングは所要時間1時間10分でした。
今回は日出地区へは行かなかったのですが、江戸時代の舟屋や鯨舟屋とかが見学できるようです。
それも含めるとサイクリングで1時間30分はみておいたほうが良いと思います。