Vue的橘子视频解析系统源码
- 源码
- 2023-01-08
- 1705
基于Vue的Spring Boot的橘子视频解析系统
前端
这套系统是基于Vue3框架开发。视频播放器使用的是video.js,前端UI框架是bootstrap5。因为我主要是后端开发,对于前端可能不太熟悉,具体的代码规范可能不太了解,希望大佬们手下留情。写该系统单纯只是为了练手。
该源码只供学习,如果用作其他用途,自行承担责任。
对于自适应方面,写得比较垃圾,使用了bootstrap的表格布局,还有一些媒体查询,实现的自适应。
相关配置:
相关配置在main.js中可以修改
展示图:
后端
后端基于jdk8和spring Boot框架开发,因为测试所以简单的做了一个接口类。
主要功能:
设置多个解析接口,轮询方式解析,当发现接口不可用则跳到下一个接口
防跨站配置
因为只是简单的一个小例子,该接口还有很多地方待完善
相关配置可以在application.yml中配置
sysconfig:
# 解析接口配置(可以配置多个,根据返回json中的code判断是否解析成功)
list:
- 'http://localhost:8081/?url='
- 'http://localhost:8082/?url='
# 跨站设置(因为配置了CorsFilter,所以需要将使用接口的网站添加至webList,否则无法请求)
webList:
- 'http://jx.02ka.top'
- 'http://localhost:8080'
本站所发布的全部内容源于互联网搬运,仅限于小范围内传播学习和文献参考 请在下载后24小时内删除,如果有侵权之处请第一时间联系我们删除。 敬请谅解! E-mail:tudoumc@foxmail.com
本文链接:https://tudoumc.com/post/2710.html
您需要 登录账户 后才能发表评论