视频网站案例分析

视频网站案例分析土豆网第六课程组员:XXX/XXX/XXX/XXX/XXX1本课主要内容2土豆网创始人王微出生于1974年,福建人，在美国读经济学，是视频分享网站土豆网的创始人及CEO。在创立土豆网之前，王微是德国贝塔斯曼集团总部的企业开展总监兼贝塔斯曼在线中国执行总裁。在此期间，王微负责贝塔斯曼集团在中国的战略筹划以及贝塔斯曼在线中国的重组工作。1997-2001年间，王微任职于美国休斯公司。任职业务开发经理期间，王微负责亚洲市场的卫星宽带及卫星电视业务。王微也参与了休斯在亚洲的战略规划及并购。在美国和法国居住了8年和1年后，王微自2002年起一直居住在上海。王微拥有欧洲工商管理学院(INSEAD，枫丹白露，法国)的MBA学位以及约翰霍普金斯大学的计算机硕士学位。3土豆网由来在英语中，有一个词描述了电视对人们生活方式的影响，那就是“沙发土豆〞〔Couchpotato〕。它指的是那些拿着遥控器，蜷在沙发上，跟着电视节目转的人。王微创办的“土豆网〞名字就来源于“沙发土豆〞。土豆网由于起名源自不健康生活习惯，最近受到来自后来的竞争对手、与优查、优派并称中国三优的优酷网的巨大挑战。土豆网口号：自娱自乐，而且乐得让所有人都看到，就是土豆。4网站功能土豆网是集娱乐、影视、体育、新闻、嘉宾聊天等各种丰富多彩的，以资讯视频内容为主的综合性站点。土豆网为网民提供了一个大舞台，是播客主和观众之间的桥梁。要想成为土豆网的会员非常容易，只需经过简单注册就可以了。在土豆网上，可以发布网民自己的视频，音频节目；获得无限的存储空间，拥有自己的多媒体演播室；建一个属于自己的小组、粉丝俱乐部；收藏自己喜欢的节目，和朋友分享，并嵌入到自己的Blog中；订阅并关注自己喜欢的播客。在网站设计上，土豆网为用户提供了首页、节目、豆单、频道、播客、豆友、小组、论坛等栏目，除论坛外，其余的栏目都以不同的分类方式展示各种视频。5土豆网软件飞速土豆因为东西南北网络不同，或者上网遇到顶峰时间，总会造成你视频的时候很“卡〞，看个视频等半天，你很烦。花几分钟下载1.2M大小的飞速土豆，以后每天都能帮你节约几十分钟到数小时的卡屏时间。中途关闭了浏览器，下次翻开会继续从这一点上开始下载，再也不用重头开始下载视频，漫长等待了。iTudouiTudou目前的版本是2.2版，除了保存原有功能之外，在稳定运行的根底上，优化节目推送方式，上传流程优化，提高上传稳定性和成功率，播放页面右键菜单里添加“itudou下载〞，针对点“下载节目〞按钮不能下载节目的用户。使用户更顺畅地欣赏土豆视频，更便捷地发布自己的精彩节目。6商业模式〔1〕战略目标土豆网的战略目标是“建成这个世界上最好的个人影象音频的共享和发布网站〞。从2005年4月前开始公测到现在，土豆网想要做的，是让网民能够非常容易地发布个人音频和视频作品。土豆网一直在向着这个目标前进，但要到达目标，还有很长的一段路要走。〔2〕目标客户群土豆网的用户群就是喜欢拍摄视频，又乐于展现给公众的网民。土豆热爱原创,每个人都是生活的导演,戴上土豆面具,每个人都是明星。7商业模式〔3〕盈利模式主要盈利方式：土豆网根本上还是依靠广告作为主营业务收入。翻开土豆网的视频，首先看到的是广告覆盖视频，然后广告呈开门状一瞬间消退，土豆网发布了新的广告系统，与电视广告的单向传播模式不同，土豆网新上线的3秒广告系统会根据用户提供的个人资料，以及用户在网站上停留的时间、点击的视频等上亿存储数据的计算，分析视频观众的品位、收入、学历、爱好等。8商业模式〔3〕盈利模式2007年土豆网与全球大型唱片公司环球音乐签署了战略合作协议，双方将在彩铃及铃音资源销售等新媒体业务领域展开合作。这意味着外乡视频网站在谋求盈利模式的突破方面渐渐得到市场的接纳。据悉，由土豆、环球、中国移动12530三家机构联合推出的彩铃下载效劳模式，在视频、数字音乐、下载领域都是全新尝试。9商业模式10架构的目标：可扩展性、可维护性、可复用性1.

内容〔Information/Content〕土豆网的内容结构，从模块来说，如中心橙色圈所区分出的九个大块：一、根本架构〔Architecture〕11从其功用来说，那么分为三个层次：这些特性决定了后面所有前端架构的基调。122.

结构层〔Structure〕A、页面〔Page〕结构

a)概览:左边是一个典型左右版式的页面样式：土豆网的所有页面都基于这个页面模型，分别是：上下导航、内容，内容分为贯穿版式或者左右版式。在左右区域中分别由盒状模型担任最终内容的承载结构。13解析如下：14HTML片段：15b)

导航i、顶部导航:土豆网导航分为三种，常规导航、黑色小黑边导航，以及视频播放页面的专用导航。这三种导航使用的HTML是根本一致的，通过CSS来控制不同状态下的表现。16模型解析：17HTML片段：18ii、底部导航〔从略〕

c)内容i、贯穿版式：在个别页面，会出现没有左右布局的全页面横向贯穿版式，这时页面结构内只有Content，没有Main或者Side，此时盒状模型全部直接堆积在Content内。另外，除了全站首页以外的所有公共页面都是特制并保持风格统一的贯穿版式。ii、左右侧栏：最常见的布局，存在于绝大局部页面。最主要应用在内页管理区域，首页也有用到。iii、混合版式：只有视频播放页面用到。19B、盒状〔box〕模型结构盒装模型是建立在页面布局的根底上，承载内容和数据的最直接页面根底结构，主要分为容器、标题、内容、底部三个局部。

一个典型的盒装模型效果分为侧栏效果和主栏效果两种风格，统一的HTML结构，通过CSS来控制样式上显示的不同。

在首页以及少量特殊页面上，会有额外的风格，但是依然以盒状模型为根底。

20解析如下：21HTML片段如下：C、包装〔pack〕模型

对于站内存在的视频、豆单、播客、小组、话题讨论等等，都有既定的统一表现风格，因此在盒装模型以外，单独设立了面向这些常用内容的模型结构，因为是打包处理，所以称之为包装模型。包装模型根本风格一致，但是在各处的显示略有不同，同时还会涉及在个人主页上自定义样式等，是需要符合全站出处可用的封装模型。

22常见的有：包装模型最重要的变化来自于样式层的处理，其结构本身比较简单。23以下是一个视频包的HTML片段范例：243.

样式层〔Style〕1、全局、模块和页面级

a〕土豆网的所有页面都应用了全局样式global.css〔简写为_g.css〕，位于“/skin/g/_g.css〞；该样式文件包含了包括主要布局、导航条、盒状模型、包装模型以及常用工具类；

b〕所有位于一级导航以及类似风格的页面使用的是公众样式，位于“/skin/public/v.css〞；所有内页管理使用的是内页样式，，位于“/skin/my/v.css〞；

c〕所有独立页面使用自己独有的样式文件，命名以页面功能或所在模块为基准；

d〕页面样式的根本原那么是：如果某一特定页面样式的代码超过整个文件的1/3，会被独立成为单个的样式文件。否那么，通常会合并在其页面所在的模块中；

e〕特别少量的样式，可以写在页面HEAH区域，或者写在HTML，并没有特别苛刻的要求，这是出于对当前工程效率的考量。25举一些例子：

-首页

/skin/g/_g.css〔全局风格〕

/skin/public/index.css〔公众区域的首页风格〕

-视频首页

/skin/g/_g.css〔全局风格〕

/skin/public/v.css〔公众区域的模块风格〕

-我的视频

/skin/g/_g.css〔全局风格〕

/skin/my/v.css〔内页管理界面模块风格〕

/skin/my/clips.css〔我的视频页面级风格〕

/skin/playlist/append.css〔分享视频的Toolkit封装〕

-视频播放页面

/skin/video/v.css〔重点独立页面，特殊优化，合并了_g.css等样式〕

262、抽象与实例、继承和重载

a〕全站级别的继承和重载机制；

因为涉及全局的样式都被封装在Global.css里，如果在模块级或者页面级需要对该样式加以调整，方法是重写相关的类；

27以下例如展示了一个视频包〔Pack〕在类的继承和重载的情况：.pack是一个全局样式，规定了所有边距的重置；

.pack是一个抽象的包封装，该类记录了所有包的共性，其代码如下。.pack{float:left;}

.packul{}

.packli{list-style:none;}

.packb{font-weight:normal;color:#686868;font-size:11px;font-family:Arial;}

在.pack下，书写了所有包装模型的实例类：.pack_clip,.pack_user,.pack_album,.pack_list等28以下是视频包和豆单包的例子：

.pack_clip{

padding:12px10px;

color:#000;width:126px;

}

.pack_list{

padding:12px3px;

color:#000;width:144px;

}

以上类的抽象和继承主要表达在对各自私有局部的派生。以实现代码的精简和复用性。29在一个HTML片段中，调用的方法是：首先应用抽象类或者父类，然后应用实力类或者子类，例如：

<divclass="packpack_userdirector"></div>

在这个例子中，director代表豆角，这个类可能书写在某个模块中，也可能在页面级的样式中，对前面的类进一步重写和修正；

修正的时候只需要书写需要被修改或者重置的语句就可以了。

在上面的例如中，因为页面的需要，模块级别的/skin/public/v.css重写了pack_clip的宽度：

#programpage.pack_clip{width:167px;}30当父类和抽象类被修改的时候，全站的所有Pack模型都会被修正，但是不影响到子类所做出的私有派生或者复写，也就不会影响某一个特殊页面的独立样式；

关于类、抽象和继承的方法很多，考虑到命名方法和选择符，会有大量不同的处理风格。

在土豆网的样式中，大量应用了类似的方法和技巧,其主要特点是:可维护、可扩展和可复用性。313233口碑式营销

正如王微所提到的那样“土豆网依靠用户的口碑来传播〞，正是在此番价值观下土豆网得以催生。土豆网刚推出的时候，王微心里是没底的，他什么广告都没做，只是花了2000元，通过一家公关公司发布了一那么新闻而已。第一脚如此轻声细语地迈出，王微的做法似乎有悖常理。其实，王微的算盘是打在轻度关系的网络社区和论坛上的。他认为，社区和论坛的威力是潜移默化的，它可以实现企业与用户一对一的沟通，真正表达互联网营销的互动性，而且真正能够满足用户所需要的产品体验。让王微没有想到的是，论坛内的互动却推动了土豆网功能型产品的改进。曾经有网友在论坛留言，提出土豆网的豆单播放器在全屏状态下不能自动播放。为了让“土豆〞的观看体验变得更好，土豆网进行了更新，问题很快得以解决。34这一举动让论坛内的“菜市场〞变得更加热闹了。王微不仅给用户提供“菜市场〞，而且还给用户提供了另外一个扎堆的地方─小组。作为社区效劳的小组从排行榜来看，以影视分享为主的小组最为活泼，也就是说用户来到“土豆〞的小组，目的是为了看视频。其中，最热的视频是陈楚生的MTV?有没有人告诉你?，被播放了5756277次，得到评论21082条，有15910人对其进行评分。根据互联网研究咨询公司尼尔森统计，土豆网每天能上传3万个视频，每天有650万观众观看，每个人大概会停留40分钟，每日流量超过1个petabyte，仅次于YOUTUBE，排全球第二。在王微看来，土豆网很像QQ，有非常大的用户群，但不为广告主所知，也不为社会上30～40岁的人所知。“现在主要解决的问题是让非年轻的群体和广告主知道土豆网是一个巨大的平台，土豆网还有很多工作要做，包括互联网的营销方式。我个人认为还是口碑营销最重要。〞王微说。

35土豆网的资本模式资本的重要性目前视频网站的运营本钱支出，主要有三大局部:带宽、效劳器、推广；

+版权费用。36土豆网的资本模式上市问题？37结论与总结38结论与总结黑豆高清土豆网“黑豆〞高清推出包括电视剧、电影和综艺节目三大频道。用户体验进一步延伸至主流影视内容和高清享受。也是国内视频分享网站首度在高清正版内容上进行的最大规模动作。TudouMini土豆播放页面上的小插件。官方的介绍为一个资讯消息插件