サイト運営の話」カテゴリーアーカイブ

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対応版」を見てみると、景色の一部を消す機能もあるということなので、試してみました。
ツールパネル・・・レタッチツールのフライアウトボタンをクリック・・・インペインティングブラシツールを選択し 対象物を選んでクリックすると、あっという間に除去することができました。しかも除去した後が自然です。凄いです。
(ツールパネル・・・インペインティングブラシツール・・・修復ブラシツールになっている場合もあり)




ユニークアクセス2000万回超えた

きまっし金沢のユニークアクセスが2000万回超えました。
現時点で20009380回です。
多分、1週間前に超えたのだと思います。
きまっし金沢は2001年4月に開設なので22年6か月かかったことになります。
Googleが商用サイト優先になってからはアクセス数も苦戦していますが、それでも1日に1000人以上訪れて来てくれてるという事はありがたい事です。

NHKって必要なの?不要(不必要)なの? をブログに移行

2009年3月に、掲示板「NHKって必要なの?不要(不必要)なの?」を開設して現在に至っているのですが、掲示板はデータが埋もれやすくて、効果が薄いので過去のデータをブログに移行しました。
ブログにすると自分以外は新規投稿ができないというデメリットはあるのですが、掲示板は検索サイトにもひっかからなくなったので、結果的に支障は無いと思われます。
https://syun.info/nhk/

syun.info をバリュードメインのネームサーバーに変更

2023年6月11日

独自ドメインは Value Domain を使っているのですが、GMOの子会社になってから、いろいろと嫌な思いをしています。
syun.infoの更新時期に近づいてきたのですが、従来通りeNomのネームサーバーだと1年間3573円だけどGMOのネームサーバーに変更すると1822円だというのです。
eNomのネームサーバーからGMOのネームサーバーに変更すると、どう変わるか、詳しい説明は無いけど、この値段の違いは大きいので、変更する事にしました。
ただ、相変わらず、変更方法についての親切な説明はありません。
・eNomのネームサーバー(dns1〜5.name-services.com)を設定している場合は、GMOのネームサーバー(01-04.dnsv.jp)に自動で切り替わります。 ドメインが繋がらなくなる時間帯がありますので、予めeNom以外のネームサーバーに変更の上、申請ください。
VALUE-DOMAIN独自のネームサーバーがご利用いただけます。(ns1〜5,11〜13.value-domain.com)
ネームサーバーを手動で変更された場合はDNS設定は自動で引き継がれません。ネームサーバー変更前のDNS設定を再度行ってください。
・GMOのネームサーバーへの自動変更ご利用で、ドメイン付属のURL/フレーム転送機能を利用する場合は、移管完了後にURL転送設定を行ってください。
・GMOのネームサーバーへの自動変更ご利用で、ドメイン付属のメール転送機能を利用する場合は、移管完了後にメール転送設定を行ってください。

読んでもよく分かりません。
とりあえず、eNom以外のネームサーバーに変更の上、申請くださいということなので、VALUE-DOMAIN独自のネームサーバーに変更しました。
ネームサーバーを手動で変更した場合は、DNS設定を再度行ってくださいという事なので変更しました。
移管処理のため手続き、更新に1週間程度かかります。また、ドメインの期限、状況によっては失敗する場合があります。
なんじゃこれって感じですが、とりあえずは更新手続きをしました。
かなり不安です。
syun.infoの更新状況がどうなっているか調べたら
※10日以内に移管更新申請をお出しいただいております。移管状況はこちらから確認ください。
となっています。
移管状況は  ○状態:SkipApproval  になっていました。
なんのことだか全くわかりません。

2023年6月17日

バリュードメインから、移管申請結果のお知らせというメールが届きました。
結果 成功 だけの内容のメールです。
同時に、GMOから@onamae.comのアドレスで、ドメイン情報認証を求めるメールが来ました。
指定のURLへアクセスすれば、メールアドレスが正しいと判断されるようです。
※メールアドレス以外にも、Whois情報が不正確なドメインは、登録抹消や使用停止の対象となることがございますのでご注意ください。
との記述がありました。
Whois情報は誰もが見ることができる情報なんですが、住所、氏名、電話番号、FAX番号まで表示されます。
そんなもん、個人で正確な情報を登録するほうが、どうかしていると思います。
今まで、他のドメインのWhois情報もメールアドレス意外は架空の情報で登録してあります。
念のため、syun.infoのWhois情報を確認したら、ほとんど正確な情報で登録されていました。
メールアドレス以外は、架空の情報に変更しておきました。