Hatena Blog Tags
はてなブログ トップ
HLS
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

HLS

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
techtekt•2ヶ月前

プライベートで動画配信システムを内製化して2年運用した話 #PERSOL CAREER Advent Calendar2025

See More

はじめに 導入前の構成 Ver1：初期構成（Lambda + ffmpeg） 発生した課題 Ver2：AWS MediaConvert導入 改善点 発生した課題 Ver3：VPSでのCPU処理 発生した課題 Ver4：オンプレミスGPU処理（現在） 改善点 現状の課題 Ver5：今後の展望 まとめ はじめに こんにちは、新規サービス開発統括部 エンジニアの今井です。 本記事は、筆者がプライベートで開発している動画配信システムについてご紹介するものです。弊社での事例ではありませんのでご留意ください。 親族の会社（教室ビジネス）では、生徒向けに動画オンデマンド配信を行っており、当初はVimeoを利…

#パーソルキャリア#techtekt#ffmpeg#HLS#システム開発#アドベントカレンダー

関連ブログ

PLAY DEVELOPERS BLOG•6ヶ月前

動画配信技術を実装して理解する〜HLS配信編〜

こんにちは、PLAY CLOUD本部 技術推進室 の石川です。「動画配信技術を実装して理解する」シリーズも4回目の記事となりました。 前回の記事はこちらになります。 developers.play.jp 今回は、前回のRTMPからHTTP-TS配信を行うプログラムを、インターネット配信のデファクトスタンダードであるHLSに変更するという部分を取り扱います。 HLS化は前回のMPEG-TSへのトランスマックスができてしまえばサクッとできますし、HLSで配信できると感動もひとしおです。 実際にデファクトスタンダードの配信プロトコルで配信する部分まで自作してしまいましょう。 では、RTMPをHLSに…

#配信技術#HLS
スタディサプリ Product Team Blog•1年前

再エンコード無しで、HLS動画への字幕の追加を実現する

こんにちは、動画基盤チームの @kumackey です！ 2月17日に、『スタディサプリ高校講座』に生成AIを活用した字幕表示機能が追加されました！ まずはブラウザ版・特定講座での提供となりますが、今後提供範囲の拡大も検討していきます。 参考: 『スタディサプリ高校講座』、講義動画に字幕表示 音声文字起こし生成AI活用で、聴覚障がい者も利用しやすく まずは「数学Ⅰ/A」「情報Ⅰ」で 本記事では、字幕をHLSで配信させる方法についてご紹介したいと思います。 字幕の種類 字幕には大きく以下の2種類あります： Open Captions：常に表示される字幕 Closed Captions：表示・非表…

#HLS#AWS#字幕
techtekt•1年前

HLSとは？AWS MediaConvertで始めるシンプルな動画配信基盤の構築　#Developer＆Designer Advent Calendar 2024

はじめに こんにちは、新規サービス開発統括部 エンジニアの今井です。 2024年10月にパーソルキャリアに中途入社し、現在はサービス支援部で新規サービスのフロントエンド開発に携わっています。 今回は、プライベートで動画配信基盤を構築した経験をもとに、AWSのMediaConvertとS3を活用した動画配信基盤の仕組みをご紹介します。 本基盤では、HTTP Live Streaming（HLS）技術を採用しています。 はじめに HLSとは？ HLSの基本概要 HLSの仕組みと特徴 HLSのメリット AWSを活用した動画配信基盤 S3によるストレージ管理 MediaConvertでの動画処理 La…

#パーソルキャリア#techtekt#エンジニア#アドベントカレンダー#HLS#HTTP Live Streaming#AWS MediaConvert#動画配信基盤
PLAY DEVELOPERS BLOG•2年前

字幕つきの動画配信を行おう

こんにちは。クラウド推進技術部の牧田です。 今回は、HLS での VOD 配信において字幕のつけ方をご紹介したいと思います。 はじめに 動画に字幕をつけるには 1. 字幕ファイルを用意する。 2. 字幕のメディアプレイリストに字幕ファイルを記述する。 3. マルチバリアントプレイリストに字幕のメディアプレイリストを記述する。 VTT ファイルの内容 VTT ファイルのサンプル VTT ファイル作成のルール おわりに はじめに 字幕には大きく、オープンキャプションとクローズドキャプションがあります。 オープンキャプションは焼き込み字幕とも呼ばれ、動画自体に字幕を入れる方式であり、常に字幕が動画に…

#HLS
GIFTVOX BLOG•3年前

vol.14 配信におけるHLSを徹底解説！

いつもブログを読んでいただきありがとうございます🍂 株式会社GIFTVOX システム開発部 オオノです。 普段はRTMPやSRTといったプロトコルで配信する事が多いのですが、先日HLSで配信する機会がありました。 そこで今回は、”HLSとは”を 弊社システム部のオオノが解説します！ HLSとは？ httpとは？ プロトコルとは？ ストリーミングデータのプロトコルの歴史 Flash Player なぜFlash Playerが必要だったか Flash Playerの終焉とHLS HLSどこが凄いか HTML5 RTMPとFlash Player、サポート終了 でも残っているRTMP まとめ HL…

#HLS#インターネット#配信#プロトコル
青いやつの進捗日記。•5年前

ffmpegでmp4をhlsに変換する

まず、ffmpegをインストール。 % brew install ffmpeg これでたぶんいける。自分はbrew linkがdid not complete succeccfullyだと言われたが実際はリンクできてたので謎。 mp4を変換してhlsストリーミング再生を実装してみる そしてこの記事を元に変換。 なんか調べたら変換のコマンドの種類が複数あるように見えたのだが、これでうまくいったのでこれでよし。 MOONVIRUS.mp4という動画をhls形式に変換しています。 % ffmpeg -i MOONVIRUS.mp4 -codec copy -map 0 -f segment -vbs…

#ffmpeg#HLS#変換#動画変換
未来は楽しいにきまっている•5年前

hls.jsのログ解析

v0.14.7にて説明します。適時最新版にするなり、所望のバージョンで確認をお願いします。 hls.jsのデバッグログを出力する Hlsオブジェクトを生成する際に引数にconfigを渡す。そのconfigのdebug変数にtrueを代入すれば良い。 config.debug = true; そうすると、JS consoleにログが出力されるようになる JS consoleはchromeであればdeveloper toolsから確認できる 詳細は以下を参照のこと hls.js/API.md at v0.14.17 · video-dev/hls.js · GitHub hls.jsのデバッグログ…

#HLS
雑記帳•6年前

CloudFront + S3 + HLS形式ストリーミングの動画サイトがカクカク再生されてしまう

構成 サーバー：CloudFront + S3構成 動画構成：mp4をHLS形式(M3U8ファイル + 複数のTSファイル) クライアント：video.js 事象 動画を再生するとカクカク再生される 原因・理由・対策 原因１ video.jsがいけてなさそう(理由) video.jsの動作をChromeのdeveloper toolで眺めていたところ、どうもプリフェッチタイミングと切り替えに関する作り込みがいけてなさそうな気がした。 具体的には、プリフェッチのタイミングがTSファイルが次のに切り替わるぎりぎりな位から行い出すので、もう少し早めに動いてくれてもよさそうな気が。 (オプションパラメ…

#CloudFront#HLS#動画再生