m3u8便利かもしれない

r1_c1-300x169

ちょっと前に「動画の拡張子は.m3u8で~」っていうお仕事をしたけど、携帯でのストーリーミング再生に良さそう。(使い道として正しい理解なのかちょっと自信ない)

windows media playerとかitunesとかwinampとかいろいろなアプリケーションでサポートされてるっぽいけど、もちろん対応してないのもいっぱいあるので、とりあえずiPhoneでの閲覧しておけば間違い。

というわけで、以下自分用のメモ。

m3u8とは

m3u8ファイルは、複数のメディアファイルのパスをプレーンテキスト(テキストファイル)で記述した、マルチメディアプレイリストのファイルフォーマット。※あくまでプレイリストであり、m3u8ファイル自体はメディアファイルではない。

この技術によって、ストリーミングへのアクセス、ウェブサイトからのダウンロード、インターネットラジオの視聴などが容易になる。なお、「m3u8」はエンコードがUTF-8であることを明示するときに使うので、別に「m3u」でも問題なさそう。

m3u8を使った動画ファイルの作り方

mp4などの動画ファイルを、m3u8を使用して再生する場合、まず動画ファイルをTSファイルに変換し、それを分割したものをm3u8で読み込む必要がある。
※ここではサンプルとしてMP4ファイルからm3u8を作る。

  1. mp4をTSファイルに変換
  2. TSファイルを任意のファイル数に分割
  3. m3u8ファイルを作成
  4. htmlとhtaccessファイルを作成
  5. 作成したファイル一式をサーバにアップ
  6. htmlファイルにアクセスして確認

mp4をTSファイルに変換
m3u8_01

フリーソフトXMedia Recodeを使用してMP4の動画をTSファイルに変換する(Macに良さそうなフリーソフトなかったのでWindows機で作業しています)

「形式」タブを開き、ファイル拡張子の項目をTSに選択。あとは書き出すだけで手元のMP4がTSファイルにエンコードされる(はず……)

TSファイルを任意のファイル数に分割
m3u8_07

次に「TSSplitter」というこれまたフリーソフトで先ほどエンコードした動画ファイルを任意の数に分割。今回サンプルとして使用した動画は93秒なので、9つのファイルに分割した。特にいくつで分割しても問題ないけど、折角ストリーミングなので、1個のファイルが10秒~15秒くらいになるようにしておくのが細かくダウンロードできて良さそう。

m3u8ファイルを作成
下記のような感じで記述。
#EXTINF:●● ←直後のTSファイルの動画の長さ(秒数)を表す
▲▲▲▲▲▲▲▲▲ ←分割した連番ファイル名を記述

サンプルはこんな感じ、拡張子は.m3u8
■xxxxxx.m3u8 sample

#EXTM3U
#EXT-X-TARGETDURATION:10
#EXTINF:10,
SANY0004.TSSplit.1-9.ts
#EXTINF:10,
SANY0004.TSSplit.2-9.ts
#EXTINF:10,
SANY0004.TSSplit.3-9.ts
#EXTINF:10,
SANY0004.TSSplit.4-9.ts
#EXTINF:10,
SANY0004.TSSplit.5-9.ts
#EXTINF:10,
SANY0004.TSSplit.6-9.ts
#EXTINF:10,
SANY0004.TSSplit.7-9.ts
#EXTINF:10,
SANY0004.TSSplit.8-9.ts
#EXTINF:13,
SANY0004.TSSplit.9-9.ts
#EXT-X-ENDLIST

htmlとhtaccessファイルを作成
xxxx.htmlと.htaccessをそれぞれ以下のように作成。

■xxxx.html sample


■.htaccess sample

AddType application/x-mpegURL .m3u8
AddType video/MP2T .ts

作成したファイル一式をサーバにアップ
TSファイル一式とm3u8、html、htaccessをお好きなディレクトリにまるっとアップして完了。
htmlにiPhoneやiPadなど対応しているデバイスでアクセスすれば動画が再生されるはずです。

http://bricolage.bz/tenkumo/m3u8_test/

拡張子m3u8はWii Uとかにも対応してる形式みたいだけど、Wii U持ってないから確認できておりまません、誰か僕にSplatoonとセットで買ってください……

   

シェアする

  • このエントリーをはてなブックマークに追加

関連記事

  1. NO IMAGE
  2. NO IMAGE

CALENDER

2019年2月
« 11月    
 123
45678910
11121314151617
18192021222324
25262728