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

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

相关推荐
极梦网络无忧21 小时前
基于 Vite + Vue3 的组件自动注册功能
前端·javascript·vue.js
Predestination王瀞潞21 小时前
5.4.3 通信->WWW万维网内容访问标准(W3C):WWW(World Wide Web) 协议架构(分层)
前端·网络·网络协议·架构·www
爱学习的程序媛21 小时前
【Web前端】优化Core Web Vitals提升用户体验
前端·ui·web·ux·用户体验
zabr21 小时前
花了 100+ 篇笔记,我整理出 了一套 AI Agent 工程完全指南
前端·后端·agent
软弹21 小时前
深入理解 React Ref 机制:useRef 与 forwardRef 的协作原理
前端·javascript·react.js
YaHuiLiang21 小时前
Ai Coding浪潮下的前端:“AI在左,裁员在右”
前端
雪碧聊技术21 小时前
前端vue代码架子搭建
前端·javascript·vue.js·前端项目代码框架搭建
爱学习的程序媛21 小时前
【Web前端】前端用户体验优化全攻略
前端·ui·交互·web·ux·用户体验
han_1 天前
JavaScript设计模式(二):策略模式实现与应用
前端·javascript·设计模式
x***r1511 天前
Notepad++ 8.6 安装教程:详细步骤+自定义安装路径(附注意事项)
linux·前端·javascript