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

HLS

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

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

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

#HLS#AWS#字幕

関連ブログ

techtekt•5ヶ月前

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•1年前

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

こんにちは。クラウド推進技術部の牧田です。 今回は、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#インターネット#配信#プロトコル
unching-starのブログ•3年前

AWS Elemental MediaConvert で、hls を 生成時、iOS で再生されない

動画をStreaming再生させたい時、AWS Elemental MediaConvert で hls に変換を行った。特徴 - AWS Elemental MediaConvert | AWS変換後の動画情報や変換状態は、EventBridge から取得出来るが、COMPLETE event に含まれる、変換後のURLが2種類ある。これのどちらを使えばいいのかわからなかった。API 送信先 - Amazon EventBridgeこの中の2つ、outputFilePaths playlistFilePaths。playlistFilePaths から手に入る URL であっても、Andro…

#MediaConvert#HLS
青いやつの進捗日記。•4年前

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年前

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

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

#CloudFront#HLS#動画再生