1. 发现问题
- 在学习使用 uni-app 在进行多端开发的过程中,发现 video 标签的 src 不能使用相对路径播放本地静态资源,一直是黑屏状态,这对调试来说很不方便
2. 分析原因
- 多方查找资料之后,发现好像是官方不支持的问题
3. 解决问题
- 利用 koa 搭建本地服务器,使用 koa-static 访问本地静态视频资源
const Koa = require('koa')
const koaStatic = require('koa-static')
const path = require('path')
const app = new Koa()
app.use(koaStatic(path.join(__dirname+'/public')));
app.listen(9999)
- 启动服务器之后就可以在 video 的 src 中访问本地静态资源
<video src="http://localhost:9999/video/xxx.mp4"></video>
- 也可以将路径保存在 json 文件中通过 uni.reques 的方式去访问
4. tips
- 主要是为了学习过程中方便调试.小白一枚,只为记录
