uni-app集成mui-player

uni-app集成mui-player，仅说明集成方法，mui-player 相关配置请查看其官网

准备

1. 在uniapp项目根目录新建hybrid目录
2. 在hybrid目录下新建html目录
3. 在html目录中新建css、js、img等目录，用于存放相关文件

集成

静态webview

1. 在pages目录下新建vue页面
2. 在vue文件中使用webview
3. webview的src为/hybrid/html/muiplayer.html,这里的html文件要写你自己的文件名
4. 如果要传参，src为/hybrid/html/muiplayer.html?p=123
5. 在muiplayer.html页面中用js来获取参数p

动态创建webview

// 页面 生命周期 onLoad 中
// 相关api参考uni-app官网，这里不赘述
const wv = plus.webview.create('', 'muiplay-webview', wvStyle)
wv.loadURL(src)
this.$scope.$getAppWebview().append(wv)
wv.onload=() => {/** webview加载成功 */}
wv.onerror=() => {/** webview加载失败 */}