土豆网分析

31
技术模式分析
今年1月份消息 视频压缩技术的厂商On2 Technologies公司的中国视频网站客户名单再 添一员，土豆网 (Tudou.com) 现已将On2 VP6? 格式用于Adobe? Flash? 视 频。 土豆网每天为超过700万名网民提供服务，网站目录拥有1300多万条视 频，而且每天增加3万多条视频片段，是目前国内最受欢迎的视频网站之 一。 此外，它也是中国最大的带宽使用者之一，通过转向On2 VP6 格式， 将可大幅节省带宽，并改善网站内视频的质量。 土豆网将从Sorenson Spark 格式转为On2 VP6格式，作为其创建Adobe Flash视频内容的缺省 (default) 编解码器。同时，土豆网将实施标准化， 使用On2 Flix Engine引擎软件来解码网站的所有上载视频。
ii、 底部导航（从略） c) 内容 i、 贯穿版式：在个别页面，会出现没有左右布局的全页面横向贯穿版式， 这时页面结构内只有Content，没有Main或者Side，此时盒状模型全部直 接堆积在Content内。另外，除了全站首页以外的所有公共页面都是特制 并保持风格统一的贯穿版式。 ii、 左右侧栏：最常见的布局，存在于绝大部分页面。最主要应用在内页管 理区域，首页也有用到。 iii、 混合版式：只有视频播放页面用到。
技术模式分析
2. 结构层（Structure） A、页面（Page）结构 a) 概览: 左边是一个典型左 右版式的页面样式： 土豆网的所有页面都基于这个 页面模型，分别是：上下导航 、内容，内容分为贯穿版式或 者左右版式。 在左右区域中分别由盒状模型 担任最终内容的承载结构。
13
技术模式分析
解析如下：
30
技术模式分析
当父类和抽象类被修改的时候，全站的所有Pack模型都会被修正， 但是不影响到子类所做出的私有派生或者复写，也就不会影响某一个特 殊页面的独立样式； 关于类、抽象和继承的方法很多，考虑到命名方法和选择符，会有 大量不同的处理风格。 在土豆网的样式中，大量应用了类似的办法和技巧,其主要特点是:可 维护、可扩展和可复用性。
技术模式分析
一、基本架构（Architecture）
架构的目标：可扩展性、可维护性、可复用性 1. 内容（Information/Content） 土豆网的内容结构，从模块来说，如中心橙色圈所区分出的九个大块：
11
技术模式分析
从其功用来说，则分为三个层次：
这些特性决定了后面所有前端架构的基调。
12
土豆网软件
• 飞速土豆 因为东西南北网络不同，或者上网遇到高峰时间， 总会造成你视频的时候很“卡”，看个视频等半天， 你很烦。 花几分钟下载1.2M大小的飞速土豆，以后每天都能帮 你节约几十分钟到数小时的卡屏时间。 中途关闭了浏览器，下次打开会继续从这一点上开 始下载，再也不用重头开始下载视频，漫长等待了。 • iTudou iTudou目前的版本是2.2版，除了保留原有功能之 外，在稳定运行的基础上，优化节目推送方式，上传 流程优化，提高上传稳定性和成功率，播放页面右键 菜单里添加“itudou 下载”，针对点“下载节目”按 钮不能下载节目的用户。使用户更顺畅地欣赏土豆视 6 频，更便捷地发布自己的精彩节目。
29
技术模式分析
在一个HTML片段中，调用的方法是：首先应用抽象类或者父类，然后 应用实力类或者子类，例如： <div class="pack pack_user director"></div> 在这个例子中，director代表豆角，这个类可能书写在某个模块中，也可 能在页面级的样式中，对前面的类进一步重写和修正； 修正的时候只需要书写需要被修改或者重置的语句就可以了。 在上面的示例中，因为页面的需要，模块级别的/skin/public/v.css重写了 pack_clip的宽度： #programpage .pack_clip{width:167px;}
商业模式
• （1）战略目标
• 土豆网的战略目标是“建成这个世界上最好 的个人影象音频的共享和发布网站”。从2005年4 月前开始公测到现在，土豆网想要做的，是让网 民能够非常容易地发布个人音频和视频作品。土 豆网一直在向着这个目标前进，但要达到目标， 还有很长的一段路要走。
• （2）目标客户群
• 土豆网的用户群就是喜欢拍摄视频，又乐于 展现给公众的网民。土豆热爱原创,每个人都是生 活的导演,戴上土豆面具,每个人都是明星。
7
商业模式
• （3）盈利模式
• 主要盈利方式：土豆网基本上还是依靠广告作为主营 业务收入。打开土豆网的视频，首先看到的是广告覆 盖视频，然后广告呈开门状一瞬间消退，土豆网发布 了新的广告系统，与电视广告的单向传播模式不同， 土豆网新上线的3秒广告系统会根据用户提供的个人资 料，以及用户在网站上停留的时间、点击的视频等上 亿存储数据的计算，分析视频观众的品位、收入、学 历、爱好等。
22
技术模式分析
常见的有：
包装模型最重要的变化来自于样式层的处理，其结构本 身比较简单。
23
技术模式分析
以下是一个视频包的HTML片段范例：
24
技术模式分析
3. 样式层（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，并没 有特别苛刻的要求，这是出于对当前项目效率的考量。
视频网站案例分析 土豆网
第六课程组员:XXX/XXX/XXX/XXX/XXX
1
本课主要内容
土豆的基本情况与功能框架 商业模式分析 技术模式分析 营销手段分析 资本模式分析 总结和建议
2
土豆网创始人
• 王微出生于1974年 , 福建人，在美国读经济学，是视频 分享网站土豆网的创始人及CEO。 • 在创立土豆网之前，王微是德国贝塔斯曼集团总部的 企业发展总监兼贝塔斯曼在线中国执行总裁。在此期 间，王微负责贝塔斯曼集团在中国的战略策划以及贝 塔斯曼在线中国的重组工作。 • 1997-2001年间，王微任职于美国休斯公司。任职业务 开发经理期间，王微负责亚洲市场的卫星宽带及卫星 电视业务。王微也参与了休斯在亚洲的战略规划及并 购。 • 在美国和法国居住了8年和1年后，王微自2002年起一 直居住在上海。 • 王微拥有欧洲工商管理学院(INSEAD，枫丹白露，法 3
9
商业模式
• （4）核心能力
• 土豆网最有价值的地方，在于它在中国首创性地把握 了个性张扬时代和日趋简单的音像制作技术这一趋势， 而并非像有些网站那样贴着空泛的标签泛泛而谈。全 新的概念、优秀的管理团使土豆网成为目前国内播客 网站的领头羊。
• 土豆网当选“2008最具品牌价值的视频网站”土豆网 创始人兼CEO王微发表了题为“专注用户体验 展望视 频网站营销价值”的主题发言，阐释了目前视频行业 所面临的营销前景，为整个视频网站行业未来的发展 指明了方向。 10
19
技术模式分析
B、 盒状（box）模型结构 盒装模型是建立在页面布局的基础上，承载内容和数据的最直接页面 基础结构，主要分为容器、标题、内容、底部三个部分。 一个典型的盒装模型效果分为侧栏效果和主栏效果两种风格，统一 的HTML结构，通过CSS来控制样式上显示的不同。 在首页以及少量特殊页面上，会有额外的风格，但是依然以盒状模 型为基础。
26
技术模式分析
2、抽象与实例、继承和重载 a）全站级别的继承和重载机制； 因为涉及全局的样式都被封装在Global.css里，如果在模块级或者页面级 需要对该样式加以调整，办法是重写相关的类；
27
技术模式分析
以下示例展示了一个视频包（Pack）在类的继承和重载的情况：
.pack是一个全局样式，规定了所有边距的重置； .pack 是一个抽象的包封装，该类记录了所 有包的共性，其代码如下。 .pack { float: left; } .pack ul {} .pack li {list-style: none;} .pack b { font-weight:normal; color:#686868; font-size:11px; font-family:Arial; } 在.pack下，书写了所有包装模型的实例类： .pack_clip, .pack_user, .pack_album, .pack_list等
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等样式）
20
技术模式分析
解析如下：
21
技术模式分析
HTML片段如下：
C、包装（pack）模型 对于站内存在的视频、豆单、播客、小组、话题讨论等等，都有既 定的统一ห้องสมุดไป่ตู้现风格，因此在盒装模型以外，单独设立了面向这些常用 内容的模型结构，因为是打包处理，所以称之为包装模型。包装模型 基本风格一致，但是在各处的显示略有不同，同时还会涉及在个人主 页上自定义样式等，是需要符合全站出处可用的封装模型。
28
技术模式分析
以下是视频包和豆单包的例子： .pack_clip { padding:12px 10px; color:#000;width:126px; } .pack_list { padding:12px 3px; color:#000;width:144px; } 以上类的抽象和继承主要体现在对各自私有部分的派生。以实现代码的 精简和复用性。
14
技术模式分析
HTML片段：
15
技术模式分析
b) 导航 i、 顶部导航:土豆网导航分为三种，常规导航、黑色小黑边导航，以及视频 播放页面的专用导航。这三种导航使用的HTML是基本一致的，通过CSS 来控制不同状态下的表现。
16
技术模式分析
模型解析：
17
技术模式分析
HTML片段：
18
技术模式分析
网站功能
• 土豆网是集娱乐、影视、体育、新闻、嘉宾聊天等各 种丰富多彩的，以资讯视频内容为主的综合性站点。 土豆网为网民提供了一个大舞台，是播客主和观众之 间的桥梁。要想成为土豆网的会员非常容易，只需经 过简单注册就可以了。 • 在土豆网上，可以发布网民自己的视频，音频节目； 获得无限的存储空间，拥有自己的多媒体演播室；建 一个属于自己的小组、粉丝俱乐部；收藏自己喜欢的 节目，和朋友分享，并嵌入到自己的Blog中；订阅并 关注自己喜欢的播客。 • 在网站设计上，土豆网为用户提供了首页、节目、豆 单、频道、播客、豆友、小组、论坛等栏目， 除论坛 外，其余的栏目都以不同的分类方式展示各种视频。 5 • www.tudou.com
土豆网由来
• 在英语中，有一个词描述了电视对人们生活方 式的影响，那就是“沙发土豆”（Couch potato）。它指的是那些拿着遥控器，蜷在沙 发上，跟着电视节目转的人。王微创办的“土 豆网”名字就来源于“沙发土豆”。土豆网由 于起名源自不健康生活习惯，最近受到来自后 来的竞争对手、与优查、优派并称中国三优的 优酷网的巨大挑战。 • 土豆网口号：自娱自乐，而且乐得让所有人都 看到，就是土豆。 4
8
商业模式
• （3）盈利模式 • 2007年土豆网与全球大型唱片公司环球音乐签 署了战略合作协议，双方将在彩铃及铃音资源 销售等新媒体业务领域展开合作。这意味着本 土视频网站在谋求盈利模式的突破方面渐渐得 到市场的接纳。据悉，由土豆、环球、中国移 动12530三家机构联合推出的彩铃下载服务模 式，在视频、数字音乐、手机下载领域都是全 新尝试。