92079


バックエンドにrailsを使用しており、フロントでreact/typescriptを用いている中で、[react-
player](https://github.com/cookpete/react-
player#readme)と[hls.js](https://github.com/video-
dev/hls.js)を用いたストリーミング再生機能の実装をしたいと考えています。

現状はvideoタグを用いて、Amazon S3においたmp4をcloudfront経由で取得して再生しています。

react-playerはhls.jsとも互換性がありそうですが、実装のイメージがつきません。  
何か参考になる例などご教示いただけますと幸いです。


CC BY-SA 4.0
2022-11-08T05:50:06.700
92078
2022-11-08T07:01:54.953
2022-11-08T07:01:54.953
3060
55273
question
javascript reactjs typescript video hls
rails, react-playerとhls.jsを用いてHLS再生の実装をしたい


`react-player` は `hls.js` を内部で使用しています。必要に応じて CDN から `hls.js`
をダウンロードして呼び出しています。

`hls.js` の設定を変更したい場合は、[Config prop](https://github.com/cookpete/react-
player#config-prop) の `file.hlsOptions` などを設定すればよさそうです。


CC BY-SA 4.0
2022-11-08T06:36:57.983
92079
2022-11-08T06:36:57.983
3054
92078
answer