フロントエンドQ&A

ffmpeg を始めるのに必須

咔咔

Jun 22, 2021 pm 11:29 PM

ffmpeg

まえがき

私は最近、ビデオに透かしを入れて遊んでみたいと思ったので、ffmpeg スクリプトを見つけて、このツールを使って遊び始めました。

ここでは簡単な操作だけを紹介しますが、さらにトリックやその他の機能があなたを待っています。

1. インストール

使用したい場合は、まずインストールする必要があります。次に、Kaka は、それを達成するために段階的に説明します。インストールしてください。

インストール環境は、linux の centos7 です。

ダウンロードアドレス: wget https://johnvansickle.com/ffmpeg/builds/ffmpeg-git-amd64-static.tar.xz

図 1-1 は、ダウンロードが完了した後の圧縮パッケージです。

この圧縮パッケージは通常使用される tar とは異なり、サフィックスが xz であることがわかります。

実行:

xz -d ffmpeg-git-amd64-static.tar.xz ダウンロードしたファイルに対して最初のステップを実行します。

図 1-2 は上記のコマンドを実行した後のファイルです、このときファイルの拡張子は tar のみです。

次に、tar を使用してファイルをさらに解凍します。

図 1-3 は、解凍されたファイルです。

fmpeg がダウンロードされたら、起動します。

解凍したファイルに移動し、./ffmpeg を実行します。

以下の情報が表示されれば、インストールは成功しています。

2. ffmpeg をグローバルに使用できるようにする

実はソフトリンクを作成することなのですが、Linux上のリンクはソフトリンクとハードリンクに分かれています詳しい説明は各自で調べてください！

最初に bin ディレクトリに入ります: cd usr/bin

次に、図 ffmpeg を始めるのに必須に示すように、次の 2 つのコマンドを実行します。ここをクリックすると、ファイルの解凍が容易になります。ファイルの名前が変更されました。

3.準備はすべて完了しました。ビデオに透かしを入れ始めます

コマンドを実行します:

ffmpeg -i test.mp4 -vf "drawtext=fontfile=/SIMHEI.TTF: text='Kaka Chat':x=100:y=10: fontsize=48 :fontcolor=red:shadowy=2" new.mp4

パラメータの説明

i の後には元のビデオが続きます。
-vf の後にはフォント位置
text が続きます。ウォーターマーク名
x 水平軸座標
y 垂直軸座標
フォントサイズは、フォントサイズ
fontcolor はテキストの色です
new.mp4 は新しい出力ファイル

このコマンドの実行を開始します。Enter をクリックして実行すると、y\n を入力するよう求められます。

y を直接入力してください。

その後、以下に示すようなインターフェイスを見てがっかりするでしょう。

エラーメッセージによると、フォントが見つからないことはわかっています。

フォントが見つからないため、これに対処するのはそれほど簡単ではありませんが、ウィンドウコンピューターを開くだけで、さまざまなフォントから選択できます。

必要なフォントをコピーして、Linux サーバーに転送するだけです。

その後、コマンドを再度実行します。

データが表示されるようになります。これは、テキストの透かしが正常に印刷されたことを意味します。

レンダリングを見ると、Kaka Chat という 4 つの単語がビデオに入力されていることがわかります。

なぜ透かし入りのビデオがそれほど悪いのか疑問に思ったことはありますか?

実はこれはffmpegとは関係なく、gifを記録する際に圧縮されているものです。

テキストの透かしは非常に効果的であるため、画像の透かしにも同じことが当てはまります。次に、画像の透かしについて見てみましょう。そうあるべきです。

4. ビデオに画像ウォーターマークを追加します

コマンド ffmpeg -i test を実行します。 mp4 - vf "movie=mark.png[watermark];[in][watermark] overlay=10:10[out]" new.mp4

パラメータの説明

-i は元のビデオ名です
mark.png はウォーターマーク画像の場所です
overlay は画像の場所
new.mp4 は新しいビデオの名前です

テキストの透かしよりも画像の透かしを使用する方がはるかに簡単です。フォントが存在するかどうかを考慮してください。必要なのは透かし画像だけです。

上の画像は、画像の透かしが正常に設定された後の効果です。

効果を見てみましょう!

左上の51の画像はKakaさんが設定した透かし画像です。

上記 2 つの操作を見ると、非常に単純に見えますが、実際には ffmpeg は非常に複雑で、コンテンツが多すぎて、あなたを崩壊させます。

しかし、ニーズを満たすことができれば、すべてを理解する必要はありません。

たとえば、現在の動画 Web サイトは基本的に m3u8 モードで再生されるため、ffmpeg は mp4 形式の動画ファイルを m3u8 形式に変換することもできます。

興味があれば、ぜひ試してみてください。ここでは詳細は説明しません。

学習への粘り強さ、執筆への粘り強さ、そして共有への粘り強さは、Kaka が設立以来常に堅持してきた信念です。巨大なインターネット上の Kaka の記事が少しでもお役に立てれば幸いです。カカです、また会いましょう。

以上がffmpeg を始めるのに必須の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

クラスセレクターとIDセレクターの間の差別化とは何ですか？May 12, 2025 am 12:13 AM

classSelectorEctorSareverSatileAndReusable、whiledseLectorSareUniqueandspecific.1）useclassselectors（notedby。）forstylingMultipleElementswithsharedCharacteristics.2）useidselectors（notedby＃）forstylinguniqueeletementonapage.classselectorectorotorsoffermoreflexibili

CSS IDS対クラス：実際の違いMay 12, 2025 am 12:10 AM

idsareuniqueIdentifiersforsingleelements、whileclassesstylemultipleements.1）useidsforuniqueelementsandjavascripthooks.2）useclasses forReusable、flexiblestylingacrossmultipletements。

CSS：クラスだけを使用した場合はどうなりますか？May 12, 2025 am 12:09 AM

クラスのみのセレクターを使用すると、コードの再利用性と保守性が向上しますが、クラス名と優先順位の管理が必要です。 1.再利用性と柔軟性を向上させる、2。複数のクラスを組み合わせて複雑なスタイルを作成する3。長いクラス名と優先順位につながる可能性があります。4。パフォーマンスへの影響は小さい、5。簡潔な命名や使用規則などのベストプラクティスに従ってください。

CSSのIDおよびクラスセレクター：初心者向けガイドMay 12, 2025 am 12:06 AM

IDおよびクラスセレクターは、それぞれ一意でマルチエレメントスタイルの設定にCSSで使用されます。 1. IDセレクター（＃）は、特定のナビゲーションメニューなどの単一の要素に適しています。 2.クラスセレクター（。）は、統一ボタンスタイルなどの複数の要素に使用されます。 IDは注意して使用し、過度の特異性を避け、スタイルの再利用性と柔軟性を向上させるためにクラスに優先順位を付ける必要があります。

HTML5仕様の理解：主要な目的と利点May 12, 2025 am 12:06 AM

HTML5の主要な目標と利点には、1）Webセマンティック構造の強化、2）マルチメディアサポートの改善、3）クロスプラットフォームの互換性の促進。これらの目標は、アクセシビリティの向上、ユーザーエクスペリエンスの豊富な開発、より効率的な開発プロセスにつながります。

HTML5の目標：Webの未来への開発者のガイドMay 11, 2025 am 12:14 AM

HTML5の目標は、開発プロセスを簡素化し、ユーザーエクスペリエンスを改善し、動的でアクセス可能なネットワークを確保することです。 1）オーディオおよびビデオ要素をネイティブにサポートすることにより、マルチメディアコンテンツの開発を簡素化します。 2）コンテンツ構造とSEO親しみやすさを改善するために、などのセマンティック要素を紹介します。 3）アプリケーションキャッシュを介してオフライン機能を強化します。 4）要素を使用して、ページのインタラクティブ性を向上させます。 5）モバイル互換性を最適化し、レスポンシブデザインをサポートします。 6）フォーム機能を改善し、検証プロセスを簡素化します。 7）AsyncやDefer属性などのパフォーマンス最適化ツールを提供します。

HTML5：新しい機能と機能でWebを変換しますMay 11, 2025 am 12:12 AM

HTML5TRANSFORMSWEBDEVELOPMENTBYINTRODUCINGSEMANTICELEMENTS、MULTIMEDIACAPABITIATION、POFFING APIS、およびPERFORMANCEOPTIMIZATIONTOOLS.1）semanticElementslige like like like.2）MultimediaElementsandallowdirectemdingwithuthindunsuns、Inftruging

ID対CSSのクラス：包括的な比較May 11, 2025 am 12:12 AM

その後、susaClassincssisthatidsareuniqueandhavehigherspeficity、whileclasseSeSaRereReareReaslingMultipleElements.useidsforjavascripthooksoruniqueelements、anduseclassespurposessstystystystystyのsuseidsforjavascripthooksoruniqueを

See all articles