haku1569 ブログで使えるHTLM

AKASOのアクションカムV50Xを購入して、動画を撮影しDaVinci Resolveで編集しようとしたら、音声データが全く認識されていませんでした。

ということで、原因と対策は出来ていないのですが、

つまり、問題解決してません！

がー、別の方法で何とか、音声データをDaVinci Resolveに取り込んでみました。

V50Xで撮影した動画をWindowsの Media Player  で再生するとちゃんと音声が聞こえるのですが。。。

編集しようとして、DaVinci Resolve のタイムラインに入れるとオーディオトラックは出来るのですが、音声が入っていません。

何も聞こえません。

色々調べては見たのですが、全く分かりませんでした。この現象ってたまたま私だけ！？

ので、どうしたかと言うと、

と言う作業を行ったのですが、

すんなり出来てくれないわけで。。。

まず、Audacity に動画ファイルを読み込ませようとすると“取り込みエラー” が発生しました。

なんとか、クリアして読み込ませたら、もともと左右から聞こえていたモノラル音声が、ステレオトラックの左のチャンネルに取り込まれてしまいました。

Audacityってオリジナルでは、MP3とWAVファイルぐらいしか再生できない様なんです。

それ以外のファイルをと見込ませようとすると上の“取り込みエラー”が発生して「FFmpegライブラリを追加」するように促されます。

なので、まずその作業から始めます。

Audacityのインストールは省略します。

で、開くとこんな画面になります。

で、「編集」、「設定」を選択して、

「ライブラリ」を選択します。

この図は、FFmpegをインストールした後の状態なのですが、入っていないとライブラリバージョンは表示されなかったと思います。

なので、「ダウンロード」を洗濯して「OK」します。

すると、Audaciyのマニュアルのページに飛んでいきます。

そこで、自分のPCに応じたインストールリンクをクリックします。

と、ダウンロードサイトに飛びます。

ここで、最新バージョンをダウンロードして適当な場所に解凍しておきます。

Audacityの「設定」、「ライブラリ」に戻って

FFmpegライブラリの「場所」を選択して、

先ほど解凍した場所を選択します。

これで、様々な音声ファイルが読み込めるようになります。

改めて

音声ファイルをドラッグドロップしても今度はエラーメッセージは表示されません。

ちゃんと、読み込まれ音声波形が表示されています。

最終的には、ステレオトラックで出力しようと思っていますので、その作業を進めていきます。

具体的には、

と言う感じで若干の疑似ステレオにしたステレオトラックを作成します。

ステレオって左右の耳に聞こえる音源かからの距離の違いによる時間差（位相差）が基本なので、そんなんで、ステレオトラックにしてしまいます。

ほんでは、まず

図の▼を押して「Split Sterio to Mono」を選択します。

すると、Lチャンネルがモノラルトラックになりました。

次！

ここで、図の赤丸あたりをクリックして、上のトラックを選択します（グレーアウトします）

で、メニュー「編集」、「コピー」

下のトラックを選択して、

で、下のモノラルトラックにも上と同じ波形がコピーされました。

次！

まず、「巻き戻し？」ボタン（テープレコーダーかっ！？）を押してトラックの先頭に移動します。

それから、拡大ボタンを押して横軸（時間軸）を拡大させていきます。

一目盛が0.01秒になるまで拡大させます。

そうしたら、「タイムシフトツール」ボタンをクリックします。

下のトラックの上で右方向に0.02秒の所までドラッグします。

「早送り」ボタンを押してトラックの最後まで移動します。

「選択ツール」ボタンを押します。

0.02秒遅らせた分を削除してトラックのケツを合せます。

図の様に右下からドラッグして選択します。ケツは自動的に黄色いラインが出来てフィットします。

「切り取り」ボタンを押します。

おしりが合いました（尻合い）

次っ！最後！

まず、上のトラックを選択します。

▼から、「ステレオトラックの作成」を選択します。

と、出来ました！ステレオトラック！

では、最後にDaVinci Resolveに読み込めるように .wav ファイルに書き出します。

「ファイル」、「オーディオの書き出し」を選択します。

保存する場所とファイル名を決定します。

メタデータタグは要らないので、空欄のまま「OK」

で、出来たファイルをDaVinci Resolve のタイムラインに入れみましょう！

以上！

　現在、ホームページやブログに使用されているプログラム（HTML）には、例えば文字の色を赤にするとかの表示方法を指定する為にスタイルシート（CSS）というのが使用され、HTMLの中で表示方法を指定することは行われなくなっています。

　これは、アクセサビリティを向上させるため、つまり色々な人（障害を持っている人とか）が、色々な機器、色々なブラウザからでもホームページやブログにアクセス出来て閲覧出来るようにするために、内容の構成（構造）を指定するのはHTMLにして、その表示方法を指定するのはHTMLから分離させたスタイルシート（CSS）にするようにWEB技術の標準化を進める“W3C”（World Wide Web Consortium）と言う組織が推奨しているためです。

　なので、皆さんが使っているブログも殆どがスタイルシートが外部ファイルとして別に存在して、それも編集可能になっているのもあると思います。

この、seesaaもそうなっています。

ですが、seesaaでは以下のような但し書きが書いてありました。

「弊社ではCSSに関する技術的サポートは一切行っておりませんので、知識のある方のみ編集等を行なっていただきますよう、お願いいたします。」まぁっ、自己責任でいいですよ〜。。。

　スタイルシートはHTML本文の中でも直接記述することも出来るので、スタイルシートのファイルを直接編集できないブログでも、使用することは可能です。

ただ、その方法もW3Cによって非推奨になってはいますが、ブログで予めメニュー等で設定されているフォントの色を変える等の機能は、この直接記述のスタイルシートが使用されているようです。

（数年後にはどうなっているか分かりませんが。。。）

と言う状況なので、ここでは、

�@スタイルシートを編集する方法

�AHTMLにスタイルシートを記述する方法

で、説明していきたいと思います。

試しにやってみます。

文字を赤にしてみます。

�@スタイルシートの編集

クラスを使って適用させます。

スタイルシートに次の様に記述します。

「.font1 {color:#ff0000;}」

ここで、「.font1」がクラス名で自由に名前を付けれます。

このブログで実際に編集した様子です。

で、次にブログの本文（HTML）に次の様な記述をします。

「&ltp class="font1"&gt文字色に赤を指定&lt/p&gt」

実際のサンプルです

次は

�Aブログ本文（HTML）にスタイルシートを記述する方法です。

「&ltp style="color:#ff0000;"&gt文字色に赤を指定&lt/p&gt」

実際のサンプルです

どうでしょう、今見ているブラウザで右クリしてプロパティか何か、ページのソースコードを表示して実際の記述を確認してみてください。

ちなみに、実際のこのブログのHTMLの内容です。

とりあえず現状をふまえて考えると、ブログ全体のページに共通する内容、今後作るページも含めて指定をしたい時はスタイルシートファイルを編集するのが簡単ですが、一時的に設定をするだけなら、本文に直接書き込んだ方が簡単ですね。

それから、スタイルシートを編集して保存しても、ブラウザ上で変更が反映されない場合があります。

それは、ブラウザがスタイルシートの前のファイルを保存してしまっているためなので、強制的に再読み込みを実施する必要があります。それを“スーパーリロード”と言います。

やり方は、「ctrl」＋「F5」です。