The styles for the preview image and play icon can be overridden by targeting the CSS classes react-player_preview, react-player_shadow and react-player_play-icon. If you want to pass in your own thumbnail to use, set light to the image URL rather than true. Note that automatic thumbnail fetching for Facebook, Wistia, Mixcloud and file URLs are not supported, and ongoing support for other URLs is not guaranteed. Noembed is used to fetch thumbnails for a video URL.
#RENDER SETTINGS FOR LIVE VISUALS FULL#
The light prop will render a video thumbnail with simple play icon, and only load the full player once a user has interacted with the image. When using light mode, returns to the preview overlay ◦ Returns null if the internal player is unavailable ◦ Use getInternalPlayer('dash') to get the dash.js player ◦ Use getInternalPlayer('hls') to get the hls.js player ◦ eg the YouTube player instance, or the element when playing a video file Returns the internal player of whatever is currently playing ◦ Returns null if duration is unavailable Returns the duration (in seconds) of the currently playing media ◦ Returns null if unavailable or unsupported Returns the number of seconds that have been loaded Returns the number of seconds that have been played ◦ type parameter lets you specify 'seconds' or 'fraction' to override default behaviour Seek to the given number of seconds, or fraction if amount is between 0 and 1 Use ref to call instance methods on the player. Remove any players that have been added using addCustomPlayer() ReactPlayer.addCustomPlayer(CustomPlayer)Īdd a custom player. Any URL that does not match any patterns will fall back to a native HTML5 media player.ĭetermine if a URL can be played in picture-in-picture mode In that case, the onError prop will be invoked after attemping to play. This does not detect media that is unplayable due to privacy settings, streaming permissions, etc. HlsVersion: Override the hls.js version loaded from jsdelivr, default: 0.13.1ĭashVersion: Override the dash.js version loaded from cdnjs, default: 2.9.2įlvVersion: Override the flv.js version loaded from jsdelivr, default: 1.5.0ĭetermine if a URL can be played. HlsOptions: Override the default hls.js options PlayerOptions: Override the default paramsįorceDASH: Always use dash.js for DASH streams Options: Override the default player options PlayerId: Override player ID for consistent server-side rendering (use with react-uid)Īttributes: Extra data attributes to pass to the fb-video element OnUnstarted: Called when state changes to unstarted (usually when video fails to autoplay) PlayerVars: Override the default player varsĮmbedOptions: Override the default embed options Settings for each player live under different keys: Key There is a single config prop to override settings for each type of player: Please set muted=Ĭallback containing duration of the media, in secondsĬalled when media seeks with seconds parameterĬalled when an error occurs whilst attempting to play mediaĬalled when user clicks the light mode previewĬalled when picture-in-picture mode is enabledĬalled when picture-in-picture mode is disabled
Some players, like Facebook, cannot be unmuted until the user interacts with the video, so you may want to enable controls to allow users to unmute videos themselves.
#RENDER SETTINGS FOR LIVE VISUALS SOFTWARE#
Our software empowers you to create stunning graphic content plus it has all the virtual studio functionalities you need for the construction of interactive scenes and effects with virtual lights, virtual camera movements, and Augmented Reality. All aspects of advanced broadcast presentation are covered.