六一收到个不同以往的需求,我的指导老师最近有点忙,让我们帮忙做一个可以通过二维码预览视频的小程序
收到需求后,因为只是临时用一下,不打算写一套完整的系统,所以大概的思路就是,其他成员将视频通过ftp传入我的服务器上,我通过uniapp将视频路径写死在index页面上,跳转时将url
中的参数传入到下一个页面即可,视频播放页面通过拼接路径最后得到完整的src资源文件,在写入data完成渲染即可,同理在点击生成二维码时将参数带着去新的页面进行处理,得到该视频播放页面的url后利用qrcode进行渲染输出二维码
basic:[{"name":"蔡晓东英雄事迹","url":"/pages/video/video?url=1.mp4"},{"name":"云南传统手工业银器制作","url":"/pages/video/video?url=2.mp4"},{"name":"高山流水的典故","url":"/pages/video/video?url=3.mp4"}''''''
index页面
点击预览,跳转到视频播放页面
点击qrcode,跳转到二维码生成页面
B-ui v{{BuiVersion}} @园游会永不打烊 视频列表 {{item.name}} 欢迎使用 B-ui © 园游会永不打烊
视频播放页面
资源渲染后即可直接播放,这部分的代码找了好久,起初以为uniapp没有支持网页播放的能力,需要用第三方的。
qrcode页面
可自定义中心图标logo
设置二维码大小
完整代码包,已经打包上传,需要的请后面看评论区!
来源地址:https://blog.csdn.net/qq_35230125/article/details/130996407