k0n_karin https://blog.hatena.ne.jp/k0n_karin/ Yappli Tech Blog https://tech.yappli.io/ JavaScript TypeScript Vue.js フロントエンド フロントエンドエンジニアのこん(@k0n_karin)です！ 今回は昨年末に書いたウェブストーリー関連のお話となります。 tech.yappli.io HLSでm3u8を再生する HLS用のcomposableを実装 composableを利用するVueコンポーネントを実装する おわりに HLSでm3u8を再生する 前回、動画はmp4を表示していましたが、モバイル端末のWebViewで再生することを考えて、HTTP Live Streaming（HLS）を使った動画再生に対応します。HLSで動画再生する際、セグメントに分割されたtsファイルとプレイリストとなるm3u8を扱う必要があります。これ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.yappli.io%2Fentry%2Fvue-hls-composable" title="Vueとhls.jsを使って、AndroidとiOSでいい感じにm3u8を再生する - Yappli Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.user.blog.st-hatena.com/default_entry_og_image/153221285/1600243384103025 Hatena Blog https://hatena.blog 2023-03-28 11:19:01 rich https://tech.yappli.io/entry/vue-hls-composable 1.0 100%