web-dev-qa-db-ja.com

HTMLビデオタグでFLVビデオを再生する方法

Flow Player、JW Playerなどのプレーヤーをいくつか見てきましたが、PHPコードで正確に動作させることはできません。

HTMLビデオタグ内でFLVを再生する方法はありますか?

MP4およびOGGファイルは動作することを知っていますが、私が取り組んでいるものはFLVファイルを生成します。

15

video.js from www.videojs.com 私はそれを使ってライブビデオフィードをストリーミングしています。次のようにビデオタグを模倣します。

<video id="example_video_1" class="video-js vjs-default-skin"
 controls preload="auto" width="640" height="480"
 poster="http://video-js.zencoder.com/oceans-clip.png"
 data-setup='{"example_option":true}'>
<source src="rtmp://localhost/live/test" type="rtmp/flv">
</video>

私にとっては非常にうまく機能します。

9
Ron

FLVファイルを再生できる他のプレーヤーの使用を検討することもできます。既知のブラウザ(Chrome、Firefoxなど)は、何らかのFlash Playerを使用するまで、または使用しない限り、FLVファイルを実行できません。

  1. PHPを使用している場合は、フラッシュプレーヤーを使用することをお勧めします。 Adobe Flash Playerを使用して、恥ずかしがらないでください! YouTubeや他の多くのWebサイトで使用されています。

  2. すでに試したフレアに固執することもできます。

  3. 動画をMP4またはOGG形式に変換できます。すべてのブラウザがHTML5 <video></video>タグ。

しかし、覚えておいてください:各ブラウザには、ビデオファイルを再生するための独自の制限があります。ここでブラウザのサポートを読むことができます: Mozilla Developer Network

Flashで再生します。それが唯一の方法だと思います: http://css-tricks.com/forums/topic/how-to-play-flv-in-html5/

3
Hauns TM

flv.js または MediaElement.js (その下にflv.jsを使用します)を使用して実行できますが、サポートはH.264ビデオを含むFLVに限定されますAAC/MP3オーディオ付き。

MediaInfo ソフトウェアまたはお気に入りのビデオプレーヤーを使用して、FLVで使用されているコーデックを確認します。

また、H.264 + AACが内部にある場合は、再エンコードせずにロスレスでMP4に変換することもできます。

ffmpeg -i input.flv -codec copy output.mp4
1
user

技術的に言えば、HTML5ビデオ仕様はコーデック/プロトコルに依存しないため、flvファイルのサポートが可能になると想像できます。問題は、主要なWebブラウザーのいずれも実装していないことです(おそらくflvはAdobe独自のコンテナーであるためです)。再生するには、フラッシュコンポーネントが必要です。あなたが言及したプレーヤーのいずれか、またはスタンドアロンの無料フラッシュプレーヤーを探している場合は、Adobeのストロボを試してください。あなたはそれを試すことができます here

.f4vファイルを作成できる場合は、ファイル名をmp4に変更して、HTML5ビデオタグで再生してみてください。

0
Arnaud Leyder