网易新闻:一分钟漫游港珠澳大桥

2018-10-24 H5案例分享 H5案例分享
网易新闻:一分钟漫游港珠澳大桥


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

一分钟漫游港珠澳大桥-查阅二维码

完整欣赏此案例大约需要1分48秒


案例:一分钟漫游港珠澳大桥

出品:网易新闻

亮点:

1.创意定位

第一视角一镜到底的方式,带领用户体验港珠澳大桥的风采。

 

2.策划上

用户长按屏幕,便是在前进,左上角还有公里数供读者参考。随着不断前进,画面上的景色也不断变换着,分为8个里程段(01-07公里、07-14公里、14-21公里、21-28公里、28-35公里、35-46公里、46-49公里、49-55公里),每到一个里程段松手可以拍照,里程段范围内拍照相同,不同里程段拍照不同。走完全程后邀请用户将自己拍摄的照片做成明信片转发给好友。

 

3.设计上

蓝色为主色调,整体为手绘漫画风格,拍照后的照片为真实景物。

 

4.技术上

案例整体为一个1分22秒的视频,用户长按播放视频,使用video的play()方法,松手停止播放视频,使用video的pause()方法。

 

5.体验上

加载速度快、操作流畅,真的有开车在路上的感觉~要说哪里不好,可能是明信片设计的部分有点减分了。



技术实现: video



以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

网易新闻:随便那么一搭,让你看看什么叫时代玩家!

网易新闻:她挣扎48小时后死去,无人知晓

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~