タグ

hlsに関するkiririmodeのブックマーク (8)

  • 署名付き URL を使用するか、署名付き Cookie を使用するかを決定する - Amazon CloudFront

    CloudFront 署名付き URL と署名付き Cookie は同じ基的な機能を提供します。これらによって、コンテンツにアクセスできるユーザーを制御できます。CloudFront を使用してプライベートコンテンツを供給する場合に、署名付き URL と署名付き Cookie のどちらを使用するかを決定するには、以下の点を考慮します。 次のような場合は、署名付き URL を使用します。 個別のファイル (アプリケーションのインストールダウンロード) へのアクセスを制限する場合。 ユーザーが Cookie をサポートしていないクライアント (カスタム HTTP クライアントなど) を使用している場合。

    kiririmode
    kiririmode 2022/08/14
    CloudFront経由でHLSをサーブするなら署名付きURLではなく署名付きCookieを利用すべき
  • AWS Elemental MediaConvertを使った動画自動変換サービスを構築した備忘録

    こんにちは! 今回はスマートフォンで撮影された動画を自動変換してストリーミング再生させるサービスの構築方法と 必要な知識について、備忘録も兼ねて箇条書きにしていきたいと思っています。 (具体的にここをこう設定しよう!という内容ではありません) 今回の要件 iPhoneAndroidで撮影された動画を自動で変換し、 PCiPhoneAndroidでストリーミング再生ができるようにします。 必要なこと 動画ファイルの形式について知る iPhoneで撮影した動画の拡張子は.MOV(video/quicktime) Androidで撮影した動画の拡張子は.mp4(video/mp4) ストリーミングする動画はHLS形式(HTTP Live Streaming) → MOVとMP4をどちらもHLS形式にする必要がある! HLS形式については、以下のページが詳しいです。 参考:HTTPライブスト

    AWS Elemental MediaConvertを使った動画自動変換サービスを構築した備忘録
    kiririmode
    kiririmode 2022/08/13
    動画をS3にアップロードしてlambdaを起動、lambdaからmediaconvertをキックしてHLSに変換しcloudfront でサーブ
  • HTTPライブストリーミングとは?| HLSストリーミング

    HTTPライブストリーミング(HLS)とは? HTTPライブストリーミング(HLS)は、最も広く使用されている動画ストリーミングプロトコルの1つです。HTTP「ライブ」ストリーミングと呼ばれているものの、オンデマンドストリーミングとライブストリーミングの両方に使用されます。HLSは、動画ファイルを小さいダウンロード可能なHTTPファイルに分割して、HTTPプロトコルを使用して配信します。クライアントデバイスは、これらのHTTPファイルを読み込んで動画として再生します。 HLSの長所の1つは、インターネットに接続されたすべてのデバイスがHTTPをサポートしているので、特殊なサーバーを使用する必要があるストリーミングプロトコルに比べて実装が簡単であることです。もう1つの長所は、HLSストリームが再生を中断することなくネットワークの状態に応じて動画品質を上げたり下げたりすることができることです。

    HTTPライブストリーミングとは?| HLSストリーミング
    kiririmode
    kiririmode 2022/08/13
    HLSの基本
  • 2022/01版:超強引にTypeScript+hls.jsでChromeでもvideoタグでHLS再生できるページ作る

    2022/01/31 追記 この記事のPVがまだあるので2022/01/31現在の状況を調べてみましたが、まだChromeでは再生できないようです。 超強引なのでオススメしないやり方ですが、できました TL;DR hls.js の解説がすごくわかりやすいので読めばわかります API.md | video-dev / hls.js | GitHub https://github.com/video-dev/hls.js/blob/master/docs/API.md @types/hls.js | yarnpkg https://yarnpkg.com/package/@types/hls.js replace | yarnpkg https://yarnpkg.com/package/replace TypeScript と yarn 周りは過去記事をご参照ください 2020/11版:Ty

    2022/01版:超強引にTypeScript+hls.jsでChromeでもvideoタグでHLS再生できるページ作る
    kiririmode
    kiririmode 2021/10/31
    TypeScriptでChromeでもHLSでのストリーミング再生を可能とする例
  • ホンネテレビの負荷対策-配信編 - Qiita

    この記事は、AbemaTV Advent Calendar 2017 の25日目の記事です。 今年、サイバーエージェントに新卒入社し、AbemaTVの配信チームに所属している @miyukki です。 このアドベントカレンダーも最終日になりました。11月末まで誰もやる気配がなかったのですが、社内で声を上げて広めた結果、多くの人が書いてくれてありがたいです。なんでも気軽に自由に発言できるのもこの職場の良いところです。 72時間ホンネテレビ さて題に戻り、AbemaTVでは11月2日-5日にかけて、稲垣・草彅・香取 3人でインターネットはじめます『72時間ホンネテレビ』(以下、ホンネテレビ)を放送しました。 言い出しづらいのですが、過去には「亀田興毅に勝ったら1000万円」AbemaTV史上最多アクセスでサーバダウンと記事になるなど、急激なアクセス増加でサービスを提供できなかった例がありまし

    ホンネテレビの負荷対策-配信編 - Qiita
  • ライブ動画配信プロトコル(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種類のファイルを用意して動画配信する2.1. .tsファイル(動画)2.2. .m3u8(プ

    ライブ動画配信プロトコル(HTTP Live Streaming, HLS)の概要図解メモ(AbemaTV/FRESH!)
  • HTTP Live Streaming 動画配信のやり方 (概要) | ビズバレー スタッフブログ

    ActionScript (10) Starling Framework (9) CG (2) Linux (2) TinCan/ExperienceAPI (1) Uncategorized (2) アウトドア (172) イベント (11) お店 (9) ギア (46) キャンプ (39) サーフィン (6) その他 (8) トレラン (20) ラン (22) 海水浴・磯遊び (15) 登山 (44) 自転車 (6) イベント・展示会 (22) お仕事 (107) After Effect (43) eラーニング (1) お知らせ (10) スマホアプリ開発 (1) ブルーバックスタジオ (12) 会社行事 (11) 撮影 (20) 機材 (13) 編集 (15) グルメ (36) タピオカ (11) ラーメン (3) デジタル一眼ムービー (3) プライベート (195) 旅行 (8

    HTTP Live Streaming 動画配信のやり方 (概要) | ビズバレー スタッフブログ
  • Adobe Flash Media Server 4.5 * HTTP Dynamic Streaming および HTTP Live Streaming の設定

    HTTP 経由でコンテンツを配信することを通常「プログレッシブダウンロード」といいます。コンテンツは、サーバーからクライアントに、ファイルの最初から最後まで連続して転送する必要があります。クライアントが前方の場所をシークするには、その場所およびそれより前のすべてのデータがダウンロードされている必要があります。 RTMP 経由でコンテンツを配信することを「ストリーミング」といいます。クライアントはサーバー (Flash Media Server など) に対するソケット接続を作成し、それを通してコンテンツが連続したストリームで送信されます。クライアントは、転送が済んだデータの量に関係なく、コンテンツ内の任意の点をすぐにシークできます。 Adobe HTTP Dynamic Streaming はこれらの方法を組み合わせて、Flash プラットフォームで HTTP ストリーミングを実現します。

  • 1