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

详细代码请查看我都另一边文章

相关推荐
万少11 分钟前
HarmonyOS 开发必会 5 种 Builder 详解
前端·harmonyos
橙序员小站2 小时前
Agent Skill 是什么?一文讲透 Agent Skill 的设计与实现
前端·后端
炫饭第一名5 小时前
速通Canvas指北🦮——基础入门篇
前端·javascript·程序员
王晓枫5 小时前
flutter接入三方库运行报错:Error running pod install
前端·flutter
符方昊5 小时前
React 19 对比 React 16 新特性解析
前端·react.js
ssshooter5 小时前
又被 Safari 差异坑了:textContent 拿到的值居然没换行?
前端
曲折5 小时前
Cesium-气象要素PNG色斑图叠加
前端·cesium
Forever7_6 小时前
Electron 淘汰!新的桌面端框架 更强大、更轻量化
前端·vue.js
Angelial6 小时前
Vue3 嵌套路由 KeepAlive:动态缓存与反向配置方案
前端·vue.js
jiayu6 小时前
Angular学习笔记24:Angular 响应式表单 FormArray 与 FormGroup 相互嵌套
前端