MuiPlayer

# Use in uni-app

TIP

mui-player.js handles plus api by default, then the player runs on H5+ (opens new window)The environment will be compatible with the playback of mobile devices by default, such as playback control device volume, full-screen horizontal and vertical screen, immersive playback, etc.

# Load MuiPlayer in UniApp WebView

To use in uni-app, you only need to use the Webview (opens new window) component in the framework. It is actually very simple to use, you only need to copy the downloaded mui-player.min.js and mui-player.min.css files to the hybrid folder of the corresponding project, and the webviw src is correspondingly linked to our HTML file.

Using Renderjs (opens new window) technology to load js in the view layer to create a player is more convenient. For this purpose, there is no need to create a new HTML file and it can be used in the Vue component.

# plus device management (opens new window)

// Set device sound
plus.device.setVolume(volume);

# plus screen management (opens new window)

// Set screen brightness
plus.screen.setBrightness(brightness);

// Lock screen orientation
plus.screen.lockOrientation(orientation);

# plus browser environment (opens new window)

// Set whether the application is displayed in full screen. Full screen display will hide the system status bar
plus.navigator.setFullscreen(Boolean);

// Determine whether the setting is Liu Haiping
plus.navigator.hasNotchInScreen();

← other problems →