在 uni-app 中使用

提示

mui-player.js 默认处理了 plus api，那么播放器运行在 H5+ (opens new window) 环境时将会默认兼容移动设备的播放，例如播放控制设备音量、全屏时横竖屏，沉浸式播放等。

在 UniApp WebView 中加载 MuiPlayer

在 uni-app 中使用你只需要使用到框架里的 Webview (opens new window) 组件。使用它实际也非常简单，你只需要将下载的 mui-player.min.js 以及 mui-player.min.css 文件复制到对应工程的 hybrid 文件夹内，webviw src 对应链接到我们的 HTML 文件。

相关 HTML5 + API 在播放器的应用

plus 设备管理 (opens new window)

// 设置设备声音
plus.device.setVolume(volume);

plus 屏幕管理 (opens new window)

// 设置屏幕亮度
plus.screen.setBrightness(brightness);

// 锁定屏幕方向
plus.screen.lockOrientation(orientation);

plus 浏览器环境 (opens new window)

// 设置应用是否全屏显示。全屏显示将隐藏系统状态栏
plus.navigator.setFullscreen(Boolean);

// 判断设置是否为刘海屏
plus.navigator.hasNotchInScreen();