社内勉強会で HLS と Key frame について改めて解説した | Hori Blog
チーム全体のスキルアップのため、ネット生放送において超重要な HLS と Key frame について改めて解説してみました。 非エンジニア職を対象とした資料なのでそれなりに入門編としてわかりやすくできたんじゃないかなーと思っております。 内容 10 分（ちょい）でわかる FRESH! 動画の勘所 と題し、 HLS とは何か、なぜ使うのかの解説と、遅延などへの影響が大きい Key frame とはなんぞや、について解説しました。 非エンジニア職でも概要がつかめるよう意識しました。 なぜやったのか 生放送サービスを運営するにあたって、やはり動画に対する基礎的な知識は非エンジニア職でも必要になってきます。 特に遅延が起きたり画質が乱れたり、現場での対応はもちろんですが営業などする際の説得力にも違いが出てくると思います。 幸いにも、普段から何かと積極的にこれってどういうことなの？と質問してくれる
Apple HLS 最新情報キャッチアップ #WWDC2017 - Qiita
こんにちは、とっしーこと @toshi0383 です。 さて、WWDC 2017にて、HLSがRFCの仕様として正式に承認されたことが発表されました。 HLSは長い間Apple独自仕様の "draft" 仕様の状態で、Webやアプリの開発者としてはどこまで本気で投資して良いものやら本質的にはよく分からない状態でした。これが正式な仕様にランクアップしたということは、これまでHLS周辺技術に投資してきた開発者にとっては結構ハッピーなニュースなのではないでしょうか。 最新版のドラフトがアップされるので見てねということでした。で、今しがたチェックしたら上がってました。 https://developer.apple.com/streaming/HLS-WWDC-2017-Preliminary-Spec.pdf 他にも色々重要事項が発表されていたのですが、細かいことはすぐ忘れてしまうので、備忘も兼
ライブ動画配信プロトコル（HTTP Live Streaming, HLS）の概要図解メモ（AbemaTV／FRESH!）
FRESH!で再生が止まってしまったときに、Chrome DevToolsのNetworkタブを見ていたところ、.m3u8というファイルの取得に失敗していることが分かりました。そこから、.m3u8ファイルと.tsファイルを用いて実現されるライブ動画配信の仕組みHTTP Live Streaming (HLS)の挙動について調べ、実際の通信内容と比較して、クライアント側の動作や、ファイルの内容などの仕組みが見えてきました。 その基本的なところについての理解を図解してみたので、ここにメモ＆紹介しておきます。 実際の挙動については、サイバーエージェントの動画配信サービス「FRESH!」および、「AbemaTV」の挙動を参考にしました。 目次 1. HTTP Live Streaming (HLS)2. ２種類のファイルを用意して動画配信する2.1. .tsファイル（動画）2.2. .m3u8（プ
やんちゃな HTTP Live Streaming トラブルシューティング集
2016/10/15 AbemaTV Developer Conference 2016
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - dailymotion/hls.js: JavaScript HLS client using Media Source Extension
