PLAN: Componentize Live Player

[maozhenyu123]

Here are three possible plans:

1. Pure JS library

Pro:

• Light-weight
• More flexible to external developer (can use any framework like React, Vue, jQuery, etc.)

Con:

• State management?
• HLS.js has already support most of functionalities
• Require more workload, need to redesign

2. React Component without Internal State

Pro:

• Light-weight (relatively), No redundant state management tool (redux, etc.) is needed
• Relatively easy to work on

Con:

• Need redesign (from dva/redux model to internal state management)

3. React Component with Internal State

Pro:

• Easy to achieve at this state

Con:

• Heavy component, performance issue