UI Configuration

The Lura Player's user interface is designed to provide businesses with one of the best video viewing experiences in the industry. Our user interface is expertly crafted to mesmerize your viewers and increase their interaction with your videos, resulting in increased revenue for your business. Built from the ground up to be fully responsive, the Lura Player delivers a seamless experience on both smaller and larger screens. With advanced features like trick play support, hover preview matrix, caption search and seek, visual feedbacks, and key bindings similar to popular platforms that the users are used to, our user interface sets the standard for video viewing experiences. By choosing the Lura Player, you can be confident that you're providing your viewers with the best possible video experience, one that will keep them coming back for more.

However, you might want to create your own user interface for creating unique user experiences. Therefore, we made it easy to switch user interfaces and also make the lura player display no UI.

Attribute	Type	Required	Description
ui	"auto" | "none"	No	UI of the Lura Player. If you want to disable the user interface, pass "none", otherwise "auto" will be used as default.

LuraPlayer("player", {});

import React, { useRef } from "react";
import { LuraPlayer, LuraPlayerProps } from "lura-react-native-core";

export default function MySampleComponent() {
  const playerRef = useRef<LuraPlayer>(null);

  const config = {
    token:
      "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ2aWQiOiI0MzY2NjIzIiwiaXNzIjoiM1FMWjdaV0JsRko1Vk16Y2pyczJPbTd3VTdEanIzNFkifQ.CruM1W3gIEyQTBTqfaY5gTdf7b_2SSNg4gj6JGOj4Mg",
    ui: "auto",
  };

  return (
    <View>
      <LuraPlayer ref={playerRef} config={config} />
    </View>
  );
}