バックエンドにrailsを使用しており、フロントでreact/typescriptを用いている中で、react-playerとhls.jsを用いたストリーミング再生機能の実装をしたいと考えています。
現状はvideoタグを用いて、Amazon S3においたmp4をcloudfront経由で取得して再生しています。
react-playerはhls.jsとも互換性がありそうですが、実装のイメージがつきません。
何か参考になる例などご教示いただけますと幸いです。
バックエンドにrailsを使用しており、フロントでreact/typescriptを用いている中で、react-playerとhls.jsを用いたストリーミング再生機能の実装をしたいと考えています。
現状はvideoタグを用いて、Amazon S3においたmp4をcloudfront経由で取得して再生しています。
react-playerはhls.jsとも互換性がありそうですが、実装のイメージがつきません。
何か参考になる例などご教示いただけますと幸いです。
react-player
は hls.js
を内部で使用しています。必要に応じて CDN から hls.js
をダウンロードして呼び出しています。
hls.js
の設定を変更したい場合は、Config prop の file.hlsOptions
などを設定すればよさそうです。