由于不好用,就用Vue3+Ts做了个视频网站

20,720 阅读2分钟

鱿鱼丝在上,代码正常运行!

本人从 Vue3 发布的20年十月份到现在,少说也有十年 Vue3 开发经验了😏,当然,Vue2 用了也差不多十几个年了,大概多久忘了

由于 阿哔 近些年对动漫的删减以及改工🤡,其他动漫网站又长时间广告侵蚀(给我兄弟放天假吧,实在遭不住了🤧)。秉着不好用就自己写一个的尤氏原则,和某安全大佬一起搭了个看番的PC站,但由于数据是爬虫做的,所以在此就只公开前端代码;什么,你问我后端怎么办?我的回答是,自己想办法,诶嘿

项目功能

  • 首页推荐(热门、更新、新番动态、其他推荐)

  • 搜索

  • 多源播放

  • 记录(历史、进度)

  • 自定义主题

  • 可变动数据源

播放器功能(和阿哔类似)

  • 播放暂停、下一集、倍数播放、快进快退、音量控制、网页全屏与全屏、画中画、进度(展示、切换、拖拽、实时进度选择画面小图、已缓冲刻度展示)、缓冲展示、视频状态信息提示、键盘交互控制

下载 && 运行

项目地址:gitee github

线上地址:comic.adicw.cn/

介绍视频:技术分享 - 普普通通的动漫网站(ts、vue3、开源)

功能实图介绍

首页

就,一个普普通通的首页,拥有热门、更新、番外等分类

播放页

和哔站几乎相同的交互方式,涵盖大部分基础功能,例如:小窗、网页全屏、进度拖动、当前进度帧显示(前提视频格式支持)、倍数等

系统配置页

该页面目前只有两个功能:主题配置、接口配置

  • 主题配置:包含两个默认主题(暗色与亮色),也可以自行选择
  • 接口配置:目前只做成了接口头配置,如果后期有需求可以修改

结语

此项目仅供学习交流,不提供资源分享;如有新增需求或BUG,请至项目仓库提交issue;至于移动端,看哪天心情好了重新做一个,那东西就难做了

本项目正在尝试使用electron打包成桌面端应用,目前处于windows端调试阶段(已能正常运行,但打包后存在部分问题,对应项目地址:comic-electron

其他页面预览