/SubPlayer

:memo: SubPlayer is an online subtitle editor

Primary LanguageJavaScriptMIT LicenseMIT

SubPlayer

SubPlayer is an online subtitle editor

Deployment

Deployed on Vercel here : https://sub-player-a-hk.vercel.app/

screen-capture.1.mp4

Additional Changes made

  • Application had several features that were not immediately obvious to the eye
    • Thus, to make the UX experience better, added a Guided Tour of the application with the help of library react-joyride

Required Changes made

  • Obtained response containing video and captions fron the API using fetch in React

  • Kept only Indian Languages - removed all other languages

    • Languages supported : Bengali (bn), Gujarati (gu), Hindi (hi), Kannada (kn), Malayalam (ml), Marathi (mr), Nepali (ne), Oriya (or), Panjabi (pa), Sinhala (si), Tamil (ta), Telugu (te), Urdu (ur)
  • Cleaned up the UI

    • Replaced the default Japanese video and captions with an English alternative and captions in JSON format
    • Removed Chinese advertisement on the right

To set up on local environment

  1. Clone the repository
git clone https://github.com/A-HK/SubPlayer.git
  1. Navigate into the project directory
cd SubPlayer
  1. Install all the necessary node modules
yarn install
  1. Use start for development environments and build for production environments
yarn start || yarn build

License

MIT © Harvey Zack