JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

動画をHTML5対応のOGG/OGV・MP4形式に変換する方法

HTML5向けに動画を変換するには

動画をOGG(OGV)やMP4形式に変換してHTML5で再生できるようにするには、Free HTML5 Video Player And Converterのようなサードパーティ製の変換ソフトウェアを使用する必要があります。ブラウザ標準の機能だけでは変換は行えないため、専用ツールの導入が不可欠です。

手順1:変換ソフトを起動してファイルを選択

まず、変換ソフトを起動し、変換したい入力動画ファイルを選択します。以下の形式のファイルを追加できます。

*.avi; *.ivf; *.div; *.divx; *.mpg; *.mpeg; *.mpe; *.mp4; *.m4v; *.webm; *.wmv; *.asf; *.mov; *.qt;
*.mts; *.m2t; *.m2ts; *.mod; *.tod; *.vro; *.dat; *.3gp2; *.3gpp; *.3gp; *.3g2; *.dvr-ms; *.flv; *.f4v;
*.amv; *.rm; *.rmm; *.rv; *.rmvb; *.ogv; *.mkv; *.ts.

AVIやWMV、MOV、FLVなど、主要な動画形式であれば幅広くサポートされているため、既存の動画資産をそのまま活用できます。

手順2:出力先を指定する

次に、変換後の動画の保存先を指定します。「Browse...(参照)」ボタンをクリックし、動画を保存したいフォルダを選択してください。後からファイルを探しやすくするため、管理しやすい場所を指定することをおすすめします。

手順3:プリセットとプレイヤーテーマを選択

続いて、あらかじめ設定済みのプリセット(Presets)を選択します。プリセットを使うことで、解像度やビットレートなどの細かい設定を意識せずに、目的に合った品質で変換できます。また、プレイヤーのテーマ(デザイン)も選択し、「OK」をクリックして設定を確定しましょう。

手順4:変換を実行する

すべての設定が完了したら、「Convert(変換)」ボタンをクリックして変換を開始します。処理が完了すると、変換された動画ファイルは指定した保存先(同じ場所)に出力されます。

これで、HTML5の<video>タグでそのまま埋め込み可能なOGG/OGVやMP4形式の動画が完成です。Webサイトに組み込むことで、プラグインに依存しないネイティブな動画再生を実現できます。

  1. HTML5のpreload属性で動画の事前読み込みを制御する方法

    HTML5のpreload属性とはHTML5では、<video>タグにpreload属性を指定することで、ページ読み込み時に動画ファイルを事前にダウンロードするかどうかを制御できます。動画を再生するまでデータを読み込ませたくない場合は、preload=noneを設定します。これにより、ユーザーが再生ボタンを押すまで通信が発生せず、帯域幅の節約やページ表示速度の向上が期待できます。preload属性に指定できる値none: 動画を一切事前読み込みしません。再生開始時に初めてデータを取得します。metadata: 動画の長さやサイズなどのメタ情報のみを読み込みます。auto: ブラウザ

  2. JavaScriptで人間の年齢を猫と犬の年齢に変換する方法

    問題JavaScriptで、人間の年齢(年数)を受け取り、それに対応する猫の年齢と犬の年齢を返す関数を作成する必要があります。入力const humanYears = 15;出力const output = [ 15, 76, 89 ];換算ルール猫や犬の年齢への換算は、一般的に以下のルールに基づいて行われます。1年目:猫・犬ともに15歳としてカウント2年目:猫・犬ともにさらに9歳を加算3年目以降:猫は毎年4歳、犬は毎年5歳を加算このルールに従うと、人間で15歳の場合は、猫で76歳、犬で89歳に相当することになります。コード例以下がその実装コードです。const humanYears = 15