近日淘宝发布了#520闲鱼拍卖节#的一款主题H5--《不可思议地球博物馆》，一开始笔者被精美的画面震撼，一度以为是3D实时渲染出来的效果，浏览了一段后出现卡顿现象，才明白并非实时渲染的3D效果，而是一个整体的视频。中间卡顿多次后终于浏览完整个H5，出现H5主题。（ps：整个过程笔者都是用的WiFi）

h5最终定帧页

回到PC端，用浏览器打开，才发现一个惊人的真相--整个H5足足有194M。难怪中间出现这样的卡顿现象，即使是阿里云的服务器也受不了194M的体积啊，看来土豪的世界我是真心不懂。

H5总共194M，光视频193M

回到整个H5的体验本身，说下我的观点：

优点：

创意的确挺赞，但是整个创意的大思路并不新，已经有很多H5项目运用过了，至少博物馆、美术馆的思路已经有很多了，比如最知名的《杜蕾斯美术馆》《网易云音乐：乐评故事博物馆》。

杜蕾斯美术馆项目截图 项目地址：http://www.iguoguo.net/2015/55056.

视觉表现精美，是这个项目最大的特色，画质细腻，动画流畅，在这上面付出的成本是惊人的。

问题：

表现太重，全篇视频6分57秒，通篇精美的3D渲染效果，时间太长会造成审美疲劳，H5项目应该在给人足够的惊艳之后适时收起来，掌握一定的节奏感。

用户观看成本太高，带宽成本高，这个是隐性的，并不是所有人都会去研究视频体积。但是时间成本是非常显性的浏览成本，要用户花7分多的时间去看一个广告，有点天方夜谭。

主题的输出不明确，视频中的文字层次不明显、主题不突出，没有完整的主题性内容输出，知道最后定帧才出现主题。

缺乏与用户的交互，这是视频类H5的一个天然缺陷，但也有很多做的很好的视频类H5，比如《腾讯游戏：筷子兄弟手把手教你打飞机》、《QQ：企鹅的速度与激情》，合理利用视频的流畅性和故事性，然后创作性地设置一些交互方式，让用户有足够的参与感。

筷子兄弟教你打飞机http://www.iguoguo.net/2017/86997.html

相信该项目的技术团队的确下了很大的工夫，不然也不会在视频最后放出创作参数。笔者层上篇文章提到了h5的定义--即超媒体，特点是多种媒体的整合、丰富的用户交互以及移动互联网的无限传播。但这个项目没有实现这些特点，还是只采用了视频的单一媒体形式、没有用户交互、没有考虑移动传播带宽的限制，所以笔者对该项目最终的传播效果并不看好。

很明显这是篇以批评、警示为基调的文章，但项目还是很有学习借鉴的代表性的，取其精华，去其糟粕，为我所用，这或许就是一个200M H5的意义所在。

爱果果项目收录地址：http://www.iguoguo.net/2017/87400.html （一定要在WiFi环境下看哦）