There is a sample app using THEOplayer as a React component available on our Github.
git clone https://github.com/THEOplayer/samples-react-js.git
Creates a local clone of the project
Compiles and runs the app in the development mode. Open http://localhost:3000 to view it in the browser. The page will reload if you make edits. You will also see any lint errors in the console.
is an example implementation of a React Component that wraps the THEOplayer.js module. You can extend this wrapper to support whatever THEOplayer API that you want to use.
Player component exported by
THEOplayerWrapper.js and specifies a source for the player to play.
The THEOplayer library provided in this sample is currently targeted to the latest version and is set to run on localhost only
To run THEOplayer in production you will need a valid THEOplayer HTML5 SDK set up to run on your domain. You can use your existing license or get one for free on THEOportal.
You will need to update some files that reference the THEOplayer.js and THEOplayer.css files:
src/THEOplayerWrapper.js, -- Please replace the URL of the libraryLocation to the url or folder where your THEOplayer files (THEOplayer.js, THEOplayer.d.js, etc.) are residing.
public/index.html-- Please replace the links to the THEOplayer assets with your own URLs.