由于不好用,就用Vue3+Ts做了个视频网站
鱿鱼丝在上,代码正常运行!
本人从 Vue3 发布的20年十月份到现在,少说也有十年 Vue3 开发经验了😏,当然,Vue2 用了也差不多十几个年了,大概多久忘了
由于 阿哔 近些年对动漫的删减以及改工🤡,其他动漫网站又长时间广告侵蚀(给我兄弟放天假吧,实在遭不住了🤧)。秉着不好用就自己写一个
的尤氏原则,和某安全大佬一起搭了个看番的PC站,但由于数据是爬虫做的,所以在此就只公开前端代码;什么,你问我后端怎么办?我的回答是,自己想办法,诶嘿
项目功能
-
首页推荐(热门、更新、新番动态、其他推荐)
-
搜索
-
多源播放
-
记录(历史、进度)
-
自定义主题
-
可变动数据源
播放器功能(和阿哔类似)
-
播放暂停、下一集、倍数播放、快进快退、音量控制、网页全屏与全屏、画中画、进度(展示、切换、拖拽、实时进度选择画面小图、已缓冲刻度展示)、缓冲展示、视频状态信息提示、键盘交互控制
下载 && 运行
线上地址:comic.adicw.cn/
介绍视频:技术分享 - 普普通通的动漫网站(ts、vue3、开源)
功能实图介绍
首页
就,一个普普通通的首页,拥有热门、更新、番外等分类
播放页
和哔站几乎相同的交互方式,涵盖大部分基础功能,例如:小窗、网页全屏、进度拖动、当前进度帧显示(前提视频格式支持)、倍数等
系统配置页
该页面目前只有两个功能:主题配置、接口配置
- 主题配置:包含两个默认主题(暗色与亮色),也可以自行选择
- 接口配置:目前只做成了接口头配置,如果后期有需求可以修改
结语
此项目仅供学习交流,不提供资源分享;如有新增需求或BUG,请至项目仓库提交issue;至于移动端,看哪天心情好了重新做一个,那东西就难做了
本项目正在尝试使用electron打包成桌面端应用,目前处于windows端调试阶段(已能正常运行,但打包后存在部分问题,对应项目地址:comic-electron)
其他页面预览
转载自:https://juejin.cn/post/7109775800915722277