来源：无锡网站建设阿凡达 浏览次数：266 发表日期：2023-06-29
视频在网络发展中扮演着至关重要的角色。随着互联网的普及和带宽的增加，视频成为人们获取信息、娱乐和交流的重要方式之一。建设一个功能丰富、内容优质的视频类网站，对于满足用户需求，推动网络发展具有重要意义。
一、网站分类
1. 推荐: 在网站首页展示热门和新发布的视频，让用户*一时间了解到精彩的内容。
2. 分类: 根据不同类型的视频进行分类，如电影、电视剧、纪录片、综艺、动漫等。每个分类下可以进一步细分，根据不同的流派、时间、地区等进行分类。
3. 热门/排行榜: 展示*受欢迎的视频，让用户发现和观看*热门的内容。
4. 搜索: 提供强大的搜索功能，让用户可以根据关键词搜索到自己感兴趣的视频。
5. 弹幕评论: 提供用户评论和弹幕的功能，让用户可以与其他人互动、分享观点和交流。
6. 用户频道: 允许用户创建个人频道，上传和分享自己的视频作品，激发用户的创造性和参与度。
7. VIP会员: 提供付费订阅服务，享受高清、无广告或**内容等特权。
二、技术选型
1）前端： jquery + Bootstrap界面框架，能够很快设计出美观的效果，重点是页面布局风格，如何做到人见人爱
2）后端： Nginx + PHP + MySQL，这个没有太多的讨论必要，技术很成熟。前后端完全分离，后端提供Restful API接口给前端，前端通过接口获取数据并渲染
3）视频服务器： 云视睿博 NTV Media Serve G3，非常成熟好用的视频平台，播出效果流畅高效，集成几个接口就可以实现上传、截图、转码、播出、管理等功能，这个也算是成功的重要环节
三、设计细节
重点说前端设计和实现，是*花费时间和精力的环节。
**确定页页面包括：
主要页面： 首页（主页）、播放页、个人页、资源管理页、登录页；
次要页面： 关于
跳转页面： 公司主页、公司内部站
经过分析，我们认为，对于一个视频网站，应当尽量减少二级页面的数量，要在主页上就能实现视频展示和播放，以及“关于”信息的展示。这样确定后，页面就简化为如下3个：
主页： 资源展示、视频播放、关于
个人页： 个人信息显示和修改
资源管理页： 上传和管理视频资源，编辑视频资源信息
3.1 首页设计
首页要展示的信息包括：
1）标题、LOGO、登录用户信息、手机访问入口、关于
2）资源分类名
3）资源列表，以卡片形式展示资源信息，卡片上包括封面、标题、小标题、大小、码率等信息
4) 页脚
页面设计效果如下：
在页头部分，包括了LOGO、手机扫码入口、关于和登录用户。Logo居左，功能链接放于右上，显得错落有致，也是一种常见的设计模式。
LOGO下面是分类类表，点击每个分类名称，页面上的资源卡片会动态变化，加载该分类的内容。
页面卡片部分，显示的信息很多，包括了：封面、标题、大小、市场、码率、分辨率、上传时间、观看次数等等，但由于采用卡片式展示，也显得很简洁。
页脚的设计，采用了常见的居中模式，不再细说。
3.2 播放设计
视频播放原来计划在单独的页面播放，也就是点击卡片，打开一个新页面，在新页面里播放。
经过分析发现，播放页没有太多延伸业务，只是播放视频，因此我们认为放在首页以弹窗形式播放更好些，用户不用打开新页面就能播放，避免了多个页面之间的跳转和关闭操作。
3.3 登录页面
登录页面是一个独立页面，用户访问首页、资源页，如果没有登录则会提示登录，并跳转到登录页。
登录可以使用手机号码和微信登录，这两种登录方式是可以通过后台设置进行开启和关闭的，例如只保留手机登录。
3.4 其他页面
资源管理、用户个人页面，也采用卡片展示，不再细说。
四、手机观看
手机页面采用Bootstrap界面框架的自适应优势，根据屏幕大小进行自动调整布局和元素大小，实现一套代码了多屏展示，*大限度的节省了工作量。当然也有些细节需要处理，通过使用少量的js代码和自定义CSS来实现更优的多屏展示效果。这个设计可以在PC和各种移动终端上美观的展示和播放视频。
五、经验总结
这个项目花费了大约两周时间，很顺利，有些经验值得总结。
1）带有动态数据的网站，要做到彻底的前后端分离，这样团队工作才可以更顺畅的开展，设计、实现和维护也更轻松
2）要使用成熟的产品和框架，例如通过采用云视睿博NTV Media Sever G3流媒体服务器完全整合了视频管理和播出的细节，大大缩短了开发时间，规避了技术风险。再如通过使用Bootstrap界面框架，界面的设计工作就更加规范和统一，避免在一些界面元素效果上再反复讨论设计。
3）用好代码管理工具，通过使用git等版本管理工具做好严格的版本控制和研发协作规范。
一个成功的视频类网站通过详细的栏目分类和高质量的内容，为用户提供便捷的观看体验和丰富的视频选择，推动网络发展和视频产业的繁荣。通过网络，用户可以随时随地观看到不同类型的视频内容，获取信息和娱乐的方式更加多样化和便捷化。
