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

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

相关推荐
Mintopia7 分钟前
🎭 一场浏览器里的文艺复兴
前端·javascript·aigc
Mintopia7 分钟前
🎬《Next 全栈 CRUD 的百老汇》
前端·后端·next.js
AryaNimbus22 分钟前
你不知道的Cursor系列:如何使用Cursor同时开发多项目?
前端·ai编程·cursor
国家不保护废物27 分钟前
Function Call与MCP:给AI插上连接现实的翅膀
前端·aigc·openai
500佰27 分钟前
阿里Qoder AI 新开发工具,长期记忆、Wiki和Quest模式是它的独有特性
前端
Juchecar28 分钟前
Vue3 Class 和 Style 绑定详解
前端·vue.js
源码哥_博纳软云29 分钟前
JAVA国际版多商户运营版商城系统源码多商户社交电商系统源码支持Android+IOS+H5
android·java·ios·微信·微信小程序·小程序·uni-app
coding随想29 分钟前
揭秘DOM键盘事件:从基础到高级技巧全解析!
前端
xianxin_31 分钟前
CSS Position(定位)
前端
xianxin_32 分钟前
CSS Float(浮动)
前端