0

https://www.npmjs.com/package/react-hls-playerに出くわしました。ここで、reactjs で hls プレーヤーを使用する方法について言及されています。これは私が書いたサンプル コードですが、hlsConfigオブジェクトの使用方法がわかりませんでした。誰かが hlsConfig オブジェクトをどこでどのように使用するのを手伝ってくれますか?

import React from 'react';
import ReactHlsPlayer from 'react-hls-player'

export default class HLSPlayer extends React.Component {


render() {
    return (
        <ReactHlsPlayer
            url='https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8'
            autoplay={true}
            controls={true}
            width="1200"
            height="auto"
        />

    )
}

}

4

1 に答える 1

2

ドキュメントは、 https://github.com/video-dev/hls.js/blob/master/docs/API.md#fine-tuningで利用可能なすべてのオプションを使用できると言っています。次に例を示します。

<ReactHlsPlayer
  url='https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8'
  autoplay={true}
  controls={true}
  width="1200"
  height="auto"
  hlsConfig={{
    autoStartLoad: true,
    startPosition: -1,
    debug: false,
    // ...
  }}
/>
于 2020-09-02T03:49:03.887 に答える