Skip to content

akamerar/YtYtweb

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

ytyt弹幕视频网站

技术栈

使用vue+node+webpack+mysql+vantUI

弹幕系统

自定义对象结合canvas实现,详见内部相关对象

UI及布局

大多数是选择原生布局,除了如轮播、个别表单组件和弹窗。响应式采用流式布局以及媒体查询。

网站说明

网站大致功能主要分为用户和视频两部分。

网站还存在一些bug,会在之后进行完善。

  • 关于弹幕系统无法再手机端显示 由于手机端浏览器对video标签进行了劫持,强行置顶无法通过css修改,故弹幕功能只能在PC端实现(现阶段无法向浏览器方申请白名单,解决方法只能是放弃h5而使用flash)
  • 关于视频工具栏 由于个人水平以及时间有限,并没有对工具栏进行优化,样式可能有些难看。有时间会在后面优化。
  • 关于网站布局 整体布局仿照b站,个人对UI方面不是很熟悉,图片比较简陋,会在之后进行优化。

本实例仅供参考和学习,谢谢~

About

ytyt弹幕视频网站

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages