h5解析 这些爆最近很火的h5怎么做的"一镜到底"h5都用了什么套路
点击联系发帖人
时间：2017-11-05 09:46
【一镜到底】H5案例大汇总（干货精选）——2017大合集第36波
今天给大家分享的是
一镜到底 形式的H5案例
宝宝们如果没看够
输入关键字搜索
看看其他的H5案例哦
看到喜欢的H5案例
可以丢给小五
小五来帮你分享哈~
案例1：节气奇妙物语
案例2：砺剑
出品：央视新闻移动网
案例3：缩影未来
出品：网易
案例4：2016万科滨水大宅新作 全球首发
出品：万科
案例5：中国智造 o 航天梦
出品：科沃斯机器人
案例6：香港20年记事簿|新浪新闻
出品：新浪新闻
案例7：老同学父亲节
出品：易信
案例8：宫本武藏の极致征途
出品：冈本
案例9：致与手机对抗又永远失败的你
出品：GEELY吉利
案例10：新雷克萨斯IS 平行世界
出品：雷克萨斯
案例11：2017特步企鹅派对跑
出品：腾讯体育
案例12：一双眼眸 望穿十年
出品：中国平安
案例13：Hitech Insider
出品：腾讯视频
案例14：二零一六年娱乐圈画传
出品：网易
案例15：Victoria 's Secret
出品：腾讯视频
接下来是小五最喜欢的3只
首先是看了会被洗脑的万花筒
案例16：一镜到底、一刀未剪的大剧发布！
出品：YOUKU 优酷
其次是让人深思的寻常故事
案例17：一个人人都能读懂的故事
最后是来自国外的H5
案例18：In Space We Trust
出品：AILOVE
还有很多优秀的H5案例哦
如果没有看够，可以去
输入关键词，点击搜索
还可以直接给公众号
发送文字或语音关键词来搜索哦
----猜---我---是---不---是---分---割---线----
【H5合集-快速索引】
、、、、、、、、、、、...
四、技术类
五、策划形式
六、H5工具
七、颜色类
欢迎投稿和合作~
务必注明：姓名-公司-岗位
更多优秀H5案例见
责任编辑：
声明：本文由入驻搜狐号的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
今日搜狐热点0预算，我是如何制作马云爸爸同款一镜到底H5的？0收藏分享举报文章被以下专栏收录知乎资深H5解析美吕砖家推荐阅读{&debug&:false,&apiRoot&:&&,&paySDK&:&https:\u002F\\u002Fapi\u002Fjs&,&wechatConfigAPI&:&\u002Fapi\u002Fwechat\u002Fjssdkconfig&,&name&:&production&,&instance&:&column&,&tokens&:{&X-XSRF-TOKEN&:null,&X-UDID&:null,&Authorization&:&oauth c3cef7c66aa9e6a1e3160e20&}}{&database&:{&Post&:{&&:{&isPending&:false,&contributes&:[{&sourceColumn&:{&lastUpdated&:,&description&:&最新刷屏H5案例分析，争取做到日更&,&permission&:&COLUMN_PUBLIC&,&memberId&:,&contributePermission&:&COLUMN_PUBLIC&,&translatedCommentPermission&:&all&,&canManage&:true,&intro&:&知乎资深H5解析美吕砖家&,&urlToken&:&c_&,&id&:58009,&imagePath&:&v2-c360eb155efc60e10a370.png&,&slug&:&c_&,&applyReason&:&0&,&name&:&H5&,&title&:&H5&,&url&:&https:\u002F\\u002Fc_&,&commentPermission&:&COLUMN_ALL_CAN_COMMENT&,&canPost&:true,&created&:,&state&:&COLUMN_NORMAL&,&followers&:30,&avatar&:{&id&:&v2-c360eb155efc60e10a370&,&template&:&https:\u002F\\u002F{id}_{size}.png&},&activateAuthorRequested&:false,&following&:false,&imageUrl&:&https:\u002F\\u002Fv2-c360eb155efc60e10a370_l.png&,&articlesCount&:13},&state&:&accepted&,&targetPost&:{&titleImage&:&&,&lastUpdated&:,&imagePath&:&&,&permission&:&ARTICLE_PUBLIC&,&topics&:[822,171227],&summary&:&昨天有个小姐姐向小夜哭诉，说她的老板如何如何不是人，小夜一听吓坏了。以为那个人面兽心的家伙，对我的小姐姐做了什么不可描述的事情，正当小夜义愤填膺。准备帮小姐姐砍她们老板的时候，小姐姐说出了事情的原委。 小姐姐说的非常炫酷的H5，其实就是马云…&,©Permission&:&ARTICLE_COPYABLE&,&translatedCommentPermission&:&censor&,&likes&:0,&origAuthorId&:0,&publishedTime&:&T15:57:58+08:00&,&sourceUrl&:&&,&urlToken&:,&id&:3946214,&withContent&:false,&slug&:,&bigTitleImage&:false,&title&:&0预算，我是如何制作马云爸爸同款一镜到底H5的？&,&url&:&\u002Fp\u002F&,&commentPermission&:&ARTICLE_NEED_REVIEW_COMMENT&,&snapshotUrl&:&&,&created&:,&comments&:0,&columnId&:58009,&content&:&&,&parentId&:0,&state&:&ARTICLE_PUBLISHED&,&imageUrl&:&&,&author&:{&bio&:&www.rrxiu.net 人人秀免费h5页面制作工具&,&isFollowing&:false,&hash&:&00b72d72db4cce0b77947&,&uid&:338600,&isOrg&:false,&slug&:&rrxiu.net&,&isFollowed&:false,&description&:&&,&name&:&韩夜-人人秀&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Frrxiu.net&,&avatar&:{&id&:&v2-fd796d0dce5a0f37c38e&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&memberId&:,&excerptTitle&:&&,&voteType&:&ARTICLE_VOTE_CLEAR&},&id&:821668}],&title&:&0预算，我是如何制作马云爸爸同款一镜到底H5的？&,&author&:&rrxiu.net&,&content&:&\u003Cp\u003E昨天有个小姐姐向小夜哭诉，说她的老板如何如何不是人，小夜一听吓坏了。以为那个人面兽心的家伙，对我的小姐姐做了什么不可描述的事情，正当小夜义愤填膺。\u003C\u002Fp\u003E\u003Cp\u003E准备帮小姐姐砍她们老板的时候，小姐姐说出了事情的原委。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-b7d576fb64e5da61fe7101_b.jpg\& data-rawwidth=\&468\& data-rawheight=\&742\& class=\&origin_image zh-lightbox-thumb\& width=\&468\& data-original=\&https:\u002F\\u002Fv2-b7d576fb64e5da61fe7101_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='468'%20height='742'&&\u002Fsvg&\& data-rawwidth=\&468\& data-rawheight=\&742\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&468\& data-original=\&https:\u002F\\u002Fv2-b7d576fb64e5da61fe7101_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-b7d576fb64e5da61fe7101_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-baff9a7e14be5_b.jpg\& data-rawwidth=\&464\& data-rawheight=\&670\& class=\&origin_image zh-lightbox-thumb\& width=\&464\& data-original=\&https:\u002F\\u002Fv2-baff9a7e14be5_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='464'%20height='670'&&\u002Fsvg&\& data-rawwidth=\&464\& data-rawheight=\&670\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&464\& data-original=\&https:\u002F\\u002Fv2-baff9a7e14be5_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-baff9a7e14be5_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E小姐姐说的非常炫酷的H5，其实就是马云爸爸花了大价钱的这个天猫双十一的这个一镜到底H5。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-fc9efaf3be0a_b.gif\& data-rawwidth=\&230\& data-rawheight=\&308\& data-thumbnail=\&https:\u002F\\u002Fv2-fc9efaf3be0a_b.jpg\& class=\&content_image\& width=\&230\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='230'%20height='308'&&\u002Fsvg&\& data-rawwidth=\&230\& data-rawheight=\&308\& data-thumbnail=\&https:\u002F\\u002Fv2-fc9efaf3be0a_b.jpg\& class=\&content_image lazy\& width=\&230\& data-actualsrc=\&https:\u002F\\u002Fv2-fc9efaf3be0a_b.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E类似的这种一镜到底的H5还有，《维多利亚的秘密》哇~超美的~~\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-54fd88781_b.gif\& data-rawwidth=\&183\& data-rawheight=\&295\& data-thumbnail=\&https:\u002F\\u002Fv2-54fd88781_b.jpg\& class=\&content_image\& width=\&183\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='183'%20height='295'&&\u002Fsvg&\& data-rawwidth=\&183\& data-rawheight=\&295\& data-thumbnail=\&https:\u002F\\u002Fv2-54fd88781_b.jpg\& class=\&content_image lazy\& width=\&183\& data-actualsrc=\&https:\u002F\\u002Fv2-54fd88781_b.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E这样的一镜到底H5，省去了手动翻页的繁琐，如电影镜头般连续的展现画面，镜头不cut、画面不切、一气呵成\u003C\u002Fp\u003E\u003Cp\u003E空间感、场景感、穿越感惊现震撼人心，带来炒鸡炫酷要炸天看过不忘的视觉体验。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-91dbef8f078e9617a5dfae96cc3544da_b.jpg\& data-rawwidth=\&240\& data-rawheight=\&240\& class=\&content_image\& width=\&240\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='240'%20height='240'&&\u002Fsvg&\& data-rawwidth=\&240\& data-rawheight=\&240\& class=\&content_image lazy\& width=\&240\& data-actualsrc=\&https:\u002F\\u002Fv2-91dbef8f078e9617a5dfae96cc3544da_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E这么酷炫的一镜到底制作成本当然也不低，据说天猫可是马爸爸花重金定制的。但是在人人秀一切就都有可能，这样的一镜到底功能不要钱，\u003Cb\u003E免费用！！！\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-faaf5aa860a0e_b.jpg\& data-rawwidth=\&324\& data-rawheight=\&192\& class=\&content_image\& width=\&324\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='324'%20height='192'&&\u002Fsvg&\& data-rawwidth=\&324\& data-rawheight=\&192\& class=\&content_image lazy\& width=\&324\& data-actualsrc=\&https:\u002F\\u002Fv2-faaf5aa860a0e_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E一镜到底是人人秀上线的新功能，经过射鸡狮和程序猿夜以继日的努力，只需要几步就能够制作完成。有了这个利器，小哥哥小姐姐就可以愉快的玩耍啦！\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-93e7ae29a5045c28dfed1_b.jpg\& data-rawwidth=\&240\& data-rawheight=\&240\& class=\&content_image\& width=\&240\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='240'%20height='240'&&\u002Fsvg&\& data-rawwidth=\&240\& data-rawheight=\&240\& class=\&content_image lazy\& width=\&240\& data-actualsrc=\&https:\u002F\\u002Fv2-93e7ae29a5045c28dfed1_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E什么？你说你们没有设计师？人人秀的功能当然都是有模板的啦，\u003Cb\u003E免费用！！！\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E随手附上一镜到底H5教程\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E第一步\u003C\u002Fp\u003E\u003Cp\u003E电脑登录人人秀官网\u003C\u002Fp\u003E\u003Cp\u003E进入“个人中心”点击“创建活动”\u003C\u002Fp\u003E\u003Cp\u003E第二步\u003C\u002Fp\u003E\u003Cp\u003E点击【互动】添加【一镜到底】插件功能\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-b65e88c5eb2c5b04b734_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&976\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-b65e88c5eb2c5b04b734_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='976'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&976\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-b65e88c5eb2c5b04b734_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-b65e88c5eb2c5b04b734_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E点击一镜到底插件页面，在右侧设置面板\u003C\u002Fp\u003E\u003Cp\u003E对每一幕场景进行设置\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-092d37d1cca4db5dce702e506ae68338_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&304\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-092d37d1cca4db5dce702e506ae68338_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='304'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&304\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-092d37d1cca4db5dce702e506ae68338_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-092d37d1cca4db5dce702e506ae68338_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-376bad102af715ecb63937_b.gif\& data-rawwidth=\&640\& data-rawheight=\&675\& data-thumbnail=\&https:\u002F\\u002Fv2-376bad102af715ecb63937_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-376bad102af715ecb63937_r.gif\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='675'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&675\& data-thumbnail=\&https:\u002F\\u002Fv2-376bad102af715ecb63937_b.jpg\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-376bad102af715ecb63937_r.gif\& data-actualsrc=\&https:\u002F\\u002Fv2-376bad102af715ecb63937_b.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E编辑调整页面距\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-d84149c29edc6cba85eb62_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&161\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-d84149c29edc6cba85eb62_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='161'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&161\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-d84149c29edc6cba85eb62_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-d84149c29edc6cba85eb62_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-d46d90e4e0effd1ff6855_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&204\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-d46d90e4e0effd1ff6855_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='204'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&204\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-d46d90e4e0effd1ff6855_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-d46d90e4e0effd1ff6855_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E第三步\u003C\u002Fp\u003E\u003Cp\u003E设置完成后保存并发布就制作成功啦\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-24b1ee565ab34accbd718f5_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&403\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-24b1ee565ab34accbd718f5_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='403'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&403\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-24b1ee565ab34accbd718f5_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-24b1ee565ab34accbd718f5_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EH5中的一镜到底\u003C\u002Fp\u003E\u003Cp\u003E保留了其在影视中所惯有的画面流畅性和场景带入感\u003C\u002Fp\u003E\u003Cp\u003E通过在z轴上对画面间距进行控制实现酷炫的空间感\u003C\u002Fp\u003E\u003Cp\u003E所带来的空间感通常伴随着强烈的穿梭的感觉\u003C\u002Fp\u003E\u003Cp\u003E在视觉感官上，更具有震撼性\u003C\u002Fp\u003E\u003Cp\u003E使宣传效果更加有趣生动！\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-a38f448b743ad693c414f6d404a45429_b.gif\& data-rawwidth=\&230\& data-rawheight=\&360\& data-thumbnail=\&https:\u002F\\u002Fv2-a38f448b743ad693c414f6d404a45429_b.jpg\& class=\&content_image\& width=\&230\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='230'%20height='360'&&\u002Fsvg&\& data-rawwidth=\&230\& data-rawheight=\&360\& data-thumbnail=\&https:\u002F\\u002Fv2-a38f448b743ad693c414f6d404a45429_b.jpg\& class=\&content_image lazy\& width=\&230\& data-actualsrc=\&https:\u002F\\u002Fv2-a38f448b743ad693c414f6d404a45429_b.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E这么炫酷炸裂的H5\u003C\u002Fp\u003E\u003Cp\u003E登录人人秀官网:\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\u002Fwww.rrxiu.net\u002Fstore-949.html\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002Fwww.\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Errxiu.net\u002Fstore-949.htm\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003El\u003C\u002Fspan\u003E\u003Cspan class=\&ellipsis\&\u003E\u003C\u002Fspan\u003E\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 即可免费制作\u003C\u002Fp\u003E\u003Cp\u003E还不快get\u003C\u002Fp\u003E&,&updated&:new Date(&T07:57:58.000Z&),&canComment&:false,&commentPermission&:&review&,&commentCount&:0,&collapsedCount&:0,&likeCount&:0,&state&:&published&,&isLiked&:false,&slug&:&&,&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&reviewers&:[],&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5 广告&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5案例&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5视频&}],&adminClosedComment&:false,&titleImageSize&:{&width&:0,&height&:0},&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&column&:{&slug&:&c_&,&name&:&H5&},&tipjarState&:&inactivated&,&annotationAction&:[],&sourceUrl&:&&,&pageCommentsCount&:0,&hasPublishingDraft&:false,&snapshotUrl&:&&,&publishedTime&:&T15:57:58+08:00&,&url&:&\u002Fp\u002F&,&lastestLikers&:[],&summary&:&\u003Cimg src=\&http:\u002F\\u002Fv2-b7d576fb64e5da61fe.jpg\& data-rawwidth=\&468\& data-rawheight=\&742\& class=\&origin_image inline-img zh-lightbox-thumb\& data-original=\&http:\u002F\\u002Fv2-b7d576fb64e5da61fe7101_r.jpg\&\u003E昨天有个小姐姐向小夜哭诉，说她的老板如何如何不是人，小夜一听吓坏了。以为那个人面兽心的家伙，对我的小姐姐做了什么不可描述的事情，正当小夜义愤填膺。准备帮小姐姐砍她们老板的时候，小姐姐说出了事情的原委。 小姐姐说的非常炫酷的H5，其实就是马云…&,&reviewingCommentsCount&:0,&meta&:{&previous&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002F50\u002Fv2-7e30c3e4ce0c4e64417d_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5 广告&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5案例&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5视频&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&www.rrxiu.net 人人秀免费h5页面制作工具&,&isFollowing&:false,&hash&:&00b72d72db4cce0b77947&,&uid&:338600,&isOrg&:false,&slug&:&rrxiu.net&,&isFollowed&:false,&description&:&&,&name&:&韩夜-人人秀&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Frrxiu.net&,&avatar&:{&id&:&v2-fd796d0dce5a0f37c38e&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&c_&,&name&:&H5&},&content&:&\u003Cp\u003E这段时间比较忙，没有及时来更新，今天多更新几篇。今年最火的H5类型要是嘻哈类排第二的话应该没有敢称第一的了。小编搜H5案例随手打开一个H5就是一段freestyle。最近搜狗翻译出了一支嘻哈H5可谓是别出心裁了！\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-34484bea63614acee16f5_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&763\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002F50\u002Fv2-34484bea63614acee16f5_r.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E创意分析\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E这支H5不仅仅是迎合了当下比较热门的嘻哈风格，更重要的是还将中国的皮影元素置入其中，可以说是这支H5的另一大亮点了，真是创意满满！以诗仙李白和诗圣杜甫尬诗对决为切入点，展开剧情，两位大诗人以皮影人物形象出现在用户眼前，开启互怼模式，freestyle的对决更是精彩，吸引用户观看。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-85bab82d171c6b6ad0ce_b.gif\& data-rawwidth=\&744\& data-rawheight=\&462\& data-thumbnail=\&https:\u002F\\u002F50\u002Fv2-85bab82d171c6b6ad0ce_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&744\& data-original=\&https:\u002F\\u002F50\u002Fv2-85bab82d171c6b6ad0ce_r.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E技术分析\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E这是搜狗翻译推出的一支宣传H5，主要采用到的技术就是序列帧动画和视频的结合使用，打开H5出现提示横屏观看的动画，然后点击“开始表演”即进入视频部分。讲述“唐朝有嘻哈”节目中李白和杜甫两位选手被一位歪果仁评委要求秀freestyle，随之引出宣传产品即搜狗翻译，然后诗仙和诗圣就开启了freestyle，互怼式的battle生动有趣。视频最后是与用户的交互，弹幕飘过各种诗句，随意点击可以查看英文翻译，之后可以分享也可以选择下载。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-e5bf7cc025dc0bf190bf65_b.gif\& data-rawwidth=\&754\& data-rawheight=\&462\& data-thumbnail=\&https:\u002F\\u002F50\u002Fv2-e5bf7cc025dc0bf190bf65_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&754\& data-original=\&https:\u002F\\u002F50\u002Fv2-e5bf7cc025dc0bf190bf65_r.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E视觉分析\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E整体设计元素采用中国皮影元素，情感上让用户更具有亲切感，人物设计选择李白和杜甫两位被人们熟知的大诗人，剧情又是当下流行的freestyle，多种元素结合让一切都变得更加有趣，用户体验非常好，而且视频观看流畅不卡顿，故事有情节又有乐趣，画面制作精良，总之是一次非常好的H5观赏体验。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-e5bf7cc025dc0bf190bf65_b.gif\& data-rawwidth=\&754\& data-rawheight=\&462\& data-thumbnail=\&https:\u002F\\u002F50\u002Fv2-e5bf7cc025dc0bf190bf65_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&754\& data-original=\&https:\u002F\\u002F50\u002Fv2-e5bf7cc025dc0bf190bf65_r.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E这支H5改变了很多人对中国传统文化的刻板印象，在很多人心中，像皮影这样的传统文化和艺术是庄严肃穆不可侵犯的，搜狗H5打破了这种观念，把东西融合，古今串通，给现代人一种不一样的传统文化体验。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-7bac11b39d4a520ca3a0cd_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&1623\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002F50\u002Fv2-7bac11b39d4a520ca3a0cd_r.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E人人秀原创文章，如若转载请注明出处：\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwww.rrxiu.net\u002Fcontent\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002Fwww.\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Errxiu.net\u002Fcontent\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T15:53:19+08:00&,&url&:&\u002Fp\u002F&,&title&:&诗仙诗圣玩起freestyle尔等全部靠边站！&,&summary&:&这段时间比较忙，没有及时来更新，今天多更新几篇。今年最火的H5类型要是嘻哈类排第二的话应该没有敢称第一的了。小编搜H5案例随手打开一个H5就是一段freestyle。最近搜狗翻译出了一支嘻哈H5可谓是别出心裁了！ \u003Cb\u003E创意分析\u003C\u002Fb\u003E这支H5不仅仅是迎合了当下比较热门的…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&review&,&commentsCount&:0,&likesCount&:0},&next&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002F50\u002Fv2-fe2dcdc01fd8273ef8dae_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5 广告&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5案例&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&中国有嘻哈（综艺节目）&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&www.rrxiu.net 人人秀免费h5页面制作工具&,&isFollowing&:false,&hash&:&00b72d72db4cce0b77947&,&uid&:338600,&isOrg&:false,&slug&:&rrxiu.net&,&isFollowed&:false,&description&:&&,&name&:&韩夜-人人秀&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Frrxiu.net&,&avatar&:{&id&:&v2-fd796d0dce5a0f37c38e&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&c_&,&name&:&H5&},&content&:&\u003Cp\u003E满屏天书般的字体，看似眼熟，趴上去能认出二三，用尽全力却未能通顺畅读一通……没错，Homie!全球第一套甲骨文字体库来了！\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fv2-4d922deea9_b.jpg\& data-rawwidth=\&800\& data-rawheight=\&203\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&http:\u002F\\u002Fv2-4d922deea9_r.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E汉仪陈体甲骨文： 由汉仪字库与陈楠老师（清华大学美术学院视觉传达系副主任、中国古文字艺术研究中心常务副主任）合作开发完成。这款字库揭示了甲骨文所蕰含的数字之美与网格秘密，开启了一条全新的字库设计路径，第一次推出不以书写作为主要功能的字体库设计先例，将设计的开发重点放在文化衍生与推广之上，担负起文化传承的社会责任。\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fv2-fc4bc0e7c6fa8e9e326dc7_b.png\& data-rawwidth=\&640\& data-rawheight=\&514\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&http:\u002F\\u002Fv2-fc4bc0e7c6fa8e9e326dc7_r.png\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E创意分析\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E这支H5是由汉仪字库为宣传本公司所打造的，在以商朝为故事背景，用嘻哈的表现形式，向用户展现甲骨文趣味性，完成很好的一个宣传效果。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fv2-c529bbcbedaed589c643adf977c05251_b.gif\& data-rawwidth=\&500\& data-rawheight=\&500\& data-thumbnail=\&http:\u002F\\u002Fv2-c529bbcbedaed589c643adf977c05251_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&500\& data-original=\&http:\u002F\\u002Fv2-c529bbcbedaed589c643adf977c05251_r.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E技术实现\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E这是以视频为主的\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\u002Fwww.rrxiu.net\u002F%23\u002Fhome\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EH5\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，主要采用到的技术是序列帧动画和视频的结合使用，序列帧动画可以在人人秀平台实现，进入人人秀编辑页面可以找到。视频制作功能使用可点击：\u003Cu\u003E\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\u002Fwww.rrxiu.net\u002Fcontent-rxthyp\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E视频教程\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E视觉分析\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E整款H5以暗黑复古的背景气氛，给人一种瞬间穿越到商朝年代。嘻哈与历史结合，加上流行时尚的灯光气氛，植入朋友圈，植入电影场景，演唱会的场景，商业街场景等，使这只H5具有独特的文化魅力和感染力！\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fv2-ce7cfbb507ff17a065a72_b.png\& data-rawwidth=\&750\& data-rawheight=\&2668\& class=\&origin_image zh-lightbox-thumb\& width=\&750\& data-original=\&http:\u002F\\u002Fv2-ce7cfbb507ff17a065a72_r.png\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E人人秀原创文章，如若转载请注明出处：\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\u002Fwww.rrxiu.net\u002Fcontent\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002Fwww.\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Errxiu.net\u002Fcontent\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T16:05:49+08:00&,&url&:&\u002Fp\u002F&,&title&:&H5案例分析：甲骨文字体来袭——汉仪字库&,&summary&:&满屏天书般的字体，看似眼熟，趴上去能认出二三，用尽全力却未能通顺畅读一通……没错，Homie!全球第一套甲骨文字体库来了！ 汉仪陈体甲骨文： 由汉仪字库与陈楠老师（清华大学美术学院视觉传达系副主任、中国古文字艺术研究中心常务副主任）合作开发完成。…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&review&,&commentsCount&:0,&likesCount&:0}},&annotationDetail&:null,&commentsCount&:0,&likesCount&:0,&FULLINFO&:true}},&User&:{&rrxiu.net&:{&isFollowed&:false,&name&:&韩夜-人人秀&,&headline&:&&,&avatarUrl&:&https:\u002F\\u002F50\u002Fv2-fd796d0dce5a0f37c38e_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&rrxiu.net&,&bio&:&www.rrxiu.net 人人秀免费h5页面制作工具&,&hash&:&00b72d72db4cce0b77947&,&uid&:338600,&isOrg&:false,&description&:&&,&badge&:{&identity&:null,&bestAnswerer&:null},&profileUrl&:&https:\u002F\\u002Fpeople\u002Frrxiu.net&,&avatar&:{&id&:&v2-fd796d0dce5a0f37c38e&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}},&Comment&:{},&favlists&:{}},&me&:{},&global&:{&experimentFeatures&:{&ge3&:&ge3_9&,&ge2&:&ge2_1&,&nwebStickySidebar&:&sticky&,&androidPassThroughPush&:&getui&,&newMore&:&new&,&liveReviewBuyBar&:&live_review_buy_bar_2&,&liveStore&:&ls_a2_b2_c1_f2&,&searchHybridTabs&:&without-tabs&,&isOffice&:&false&,&homeUi2&:&default&,&answerRelatedReadings&:&qa_recommend_with_ads_and_article&,&remixOneKeyPlayButton&:&headerButton&,&asdfadsf&:&asdfad&,&qrcodeLogin&:&qrcode&,&newBuyBar&:&livenewbuy3&,&isShowUnicomFreeEntry&:&unicom_free_entry_off&,&newMobileColumnAppheader&:&new_header&,&zcmLighting&:&zcm&,&favAct&:&default&,&appStoreRateDialog&:&close&,&mobileQaPageProxyHeifetz&:&m_qa_page_nweb&,&iOSNewestVersion&:&4.2.0&,&default&:&None&,&wechatShareModal&:&wechat_share_modal_show&,&qaStickySidebar&:&sticky_sidebar&,&androidProfilePanel&:&panel_b&,&nwebWriteAnswer&:&default&}},&columns&:{&next&:{},&c_&:{&following&:false,&canManage&:false,&href&:&\u002Fapi\u002Fcolumns\u002Fc_&,&name&:&H5&,&creator&:{&slug&:&rrxiu.net&},&url&:&\u002Fc_&,&slug&:&c_&,&avatar&:{&id&:&v2-c360eb155efc60e10a370&,&template&:&https:\u002F\\u002F{id}_{size}.png&}}},&columnPosts&:{},&columnSettings&:{&colomnAuthor&:[],&uploadAvatarDetails&:&&,&contributeRequests&:[],&contributeRequestsTotalCount&:0,&inviteAuthor&:&&},&postComments&:{},&postReviewComments&:{&comments&:[],&newComments&:[],&hasMore&:true},&favlistsByUser&:{},&favlistRelations&:{},&promotions&:{},&draft&:{&titleImage&:&&,&titleImageSize&:{},&isTitleImageFullScreen&:false,&canTitleImageFullScreen&:false,&title&:&&,&titleImageUploading&:false,&error&:&&,&content&:&&,&draftLoading&:false,&globalLoading&:false,&pendingVideo&:{&resource&:null,&error&:null}},&drafts&:{&draftsList&:[],&next&:{}},&config&:{&userNotBindPhoneTipString&:{}},&recommendPosts&:{&articleRecommendations&:[],&columnRecommendations&:[]},&env&:{&edition&:{},&isAppView&:false,&appViewConfig&:{&content_padding_top&:128,&content_padding_bottom&:56,&content_padding_left&:16,&content_padding_right&:16,&title_font_size&:22,&body_font_size&:16,&is_dark_theme&:false,&can_auto_load_image&:true,&app_info&:&OS=iOS&},&isApp&:false},&message&:{&newCount&:0},&pushNotification&:{&newCount&:0}}}
今天给大家分享的是
一镜到底 形式的H5案例
宝宝们如果没看够
输入关键字搜索
看看其他的H5案例哦
看到喜欢的H5案例
可以丢给小五
小五来帮你分享哈~
案例1：节气奇妙物语
案例2：砺剑
出品：央视新闻移动网
案例3：缩影未来
出品：网易
案例4：2016万科滨水大宅新作 全球首发
出品：万科
案例5：中国智造 o 航天梦
出品：科沃斯机器人
案例6：香港20年记事簿|新浪新闻
出品：新浪新闻
案例7：老同学父亲节
出品：易信
案例8：宫本武藏の极致征途
出品：冈本
案例9：致与手机对抗又永远失败的你
出品：GEELY吉利
案例10：新雷克萨斯IS 平行世界
出品：雷克萨斯
案例11：2017特步企鹅派对跑
出品：腾讯体育
案例12：一双眼眸 望穿十年
出品：中国平安
案例13：Hitech Insider
出品：腾讯视频
案例14：二零一六年娱乐圈画传
出品：网易
案例15：Victoria 's Secret
出品：腾讯视频
接下来是小五最喜欢的3只
首先是看了会被洗脑的万花筒
案例16：一镜到底、一刀未剪的大剧发布！
出品：YOUKU 优酷
其次是让人深思的寻常故事
案例17：一个人人都能读懂的故事
最后是来自国外的H5
案例18：In Space We Trust
出品：AILOVE
还有很多优秀的H5案例哦
如果没有看够，可以去
输入关键词，点击搜索
还可以直接给公众号
发送文字或语音关键词来搜索哦
----猜---我---是---不---是---分---割---线----
【H5合集-快速索引】
、、、、、、、、、、、...
四、技术类
五、策划形式
六、H5工具
七、颜色类
欢迎投稿和合作~
务必注明：姓名-公司-岗位
更多优秀H5案例见
责任编辑：
声明：本文由入驻搜狐号的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
今日搜狐热点0预算，我是如何制作马云爸爸同款一镜到底H5的？0收藏分享举报文章被以下专栏收录知乎资深H5解析美吕砖家推荐阅读{&debug&:false,&apiRoot&:&&,&paySDK&:&https:\u002F\\u002Fapi\u002Fjs&,&wechatConfigAPI&:&\u002Fapi\u002Fwechat\u002Fjssdkconfig&,&name&:&production&,&instance&:&column&,&tokens&:{&X-XSRF-TOKEN&:null,&X-UDID&:null,&Authorization&:&oauth c3cef7c66aa9e6a1e3160e20&}}{&database&:{&Post&:{&&:{&isPending&:false,&contributes&:[{&sourceColumn&:{&lastUpdated&:,&description&:&最新刷屏H5案例分析，争取做到日更&,&permission&:&COLUMN_PUBLIC&,&memberId&:,&contributePermission&:&COLUMN_PUBLIC&,&translatedCommentPermission&:&all&,&canManage&:true,&intro&:&知乎资深H5解析美吕砖家&,&urlToken&:&c_&,&id&:58009,&imagePath&:&v2-c360eb155efc60e10a370.png&,&slug&:&c_&,&applyReason&:&0&,&name&:&H5&,&title&:&H5&,&url&:&https:\u002F\\u002Fc_&,&commentPermission&:&COLUMN_ALL_CAN_COMMENT&,&canPost&:true,&created&:,&state&:&COLUMN_NORMAL&,&followers&:30,&avatar&:{&id&:&v2-c360eb155efc60e10a370&,&template&:&https:\u002F\\u002F{id}_{size}.png&},&activateAuthorRequested&:false,&following&:false,&imageUrl&:&https:\u002F\\u002Fv2-c360eb155efc60e10a370_l.png&,&articlesCount&:13},&state&:&accepted&,&targetPost&:{&titleImage&:&&,&lastUpdated&:,&imagePath&:&&,&permission&:&ARTICLE_PUBLIC&,&topics&:[822,171227],&summary&:&昨天有个小姐姐向小夜哭诉，说她的老板如何如何不是人，小夜一听吓坏了。以为那个人面兽心的家伙，对我的小姐姐做了什么不可描述的事情，正当小夜义愤填膺。准备帮小姐姐砍她们老板的时候，小姐姐说出了事情的原委。 小姐姐说的非常炫酷的H5，其实就是马云…&,©Permission&:&ARTICLE_COPYABLE&,&translatedCommentPermission&:&censor&,&likes&:0,&origAuthorId&:0,&publishedTime&:&T15:57:58+08:00&,&sourceUrl&:&&,&urlToken&:,&id&:3946214,&withContent&:false,&slug&:,&bigTitleImage&:false,&title&:&0预算，我是如何制作马云爸爸同款一镜到底H5的？&,&url&:&\u002Fp\u002F&,&commentPermission&:&ARTICLE_NEED_REVIEW_COMMENT&,&snapshotUrl&:&&,&created&:,&comments&:0,&columnId&:58009,&content&:&&,&parentId&:0,&state&:&ARTICLE_PUBLISHED&,&imageUrl&:&&,&author&:{&bio&:&www.rrxiu.net 人人秀免费h5页面制作工具&,&isFollowing&:false,&hash&:&00b72d72db4cce0b77947&,&uid&:338600,&isOrg&:false,&slug&:&rrxiu.net&,&isFollowed&:false,&description&:&&,&name&:&韩夜-人人秀&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Frrxiu.net&,&avatar&:{&id&:&v2-fd796d0dce5a0f37c38e&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&memberId&:,&excerptTitle&:&&,&voteType&:&ARTICLE_VOTE_CLEAR&},&id&:821668}],&title&:&0预算，我是如何制作马云爸爸同款一镜到底H5的？&,&author&:&rrxiu.net&,&content&:&\u003Cp\u003E昨天有个小姐姐向小夜哭诉，说她的老板如何如何不是人，小夜一听吓坏了。以为那个人面兽心的家伙，对我的小姐姐做了什么不可描述的事情，正当小夜义愤填膺。\u003C\u002Fp\u003E\u003Cp\u003E准备帮小姐姐砍她们老板的时候，小姐姐说出了事情的原委。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-b7d576fb64e5da61fe7101_b.jpg\& data-rawwidth=\&468\& data-rawheight=\&742\& class=\&origin_image zh-lightbox-thumb\& width=\&468\& data-original=\&https:\u002F\\u002Fv2-b7d576fb64e5da61fe7101_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='468'%20height='742'&&\u002Fsvg&\& data-rawwidth=\&468\& data-rawheight=\&742\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&468\& data-original=\&https:\u002F\\u002Fv2-b7d576fb64e5da61fe7101_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-b7d576fb64e5da61fe7101_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-baff9a7e14be5_b.jpg\& data-rawwidth=\&464\& data-rawheight=\&670\& class=\&origin_image zh-lightbox-thumb\& width=\&464\& data-original=\&https:\u002F\\u002Fv2-baff9a7e14be5_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='464'%20height='670'&&\u002Fsvg&\& data-rawwidth=\&464\& data-rawheight=\&670\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&464\& data-original=\&https:\u002F\\u002Fv2-baff9a7e14be5_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-baff9a7e14be5_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E小姐姐说的非常炫酷的H5，其实就是马云爸爸花了大价钱的这个天猫双十一的这个一镜到底H5。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-fc9efaf3be0a_b.gif\& data-rawwidth=\&230\& data-rawheight=\&308\& data-thumbnail=\&https:\u002F\\u002Fv2-fc9efaf3be0a_b.jpg\& class=\&content_image\& width=\&230\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='230'%20height='308'&&\u002Fsvg&\& data-rawwidth=\&230\& data-rawheight=\&308\& data-thumbnail=\&https:\u002F\\u002Fv2-fc9efaf3be0a_b.jpg\& class=\&content_image lazy\& width=\&230\& data-actualsrc=\&https:\u002F\\u002Fv2-fc9efaf3be0a_b.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E类似的这种一镜到底的H5还有，《维多利亚的秘密》哇~超美的~~\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-54fd88781_b.gif\& data-rawwidth=\&183\& data-rawheight=\&295\& data-thumbnail=\&https:\u002F\\u002Fv2-54fd88781_b.jpg\& class=\&content_image\& width=\&183\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='183'%20height='295'&&\u002Fsvg&\& data-rawwidth=\&183\& data-rawheight=\&295\& data-thumbnail=\&https:\u002F\\u002Fv2-54fd88781_b.jpg\& class=\&content_image lazy\& width=\&183\& data-actualsrc=\&https:\u002F\\u002Fv2-54fd88781_b.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E这样的一镜到底H5，省去了手动翻页的繁琐，如电影镜头般连续的展现画面，镜头不cut、画面不切、一气呵成\u003C\u002Fp\u003E\u003Cp\u003E空间感、场景感、穿越感惊现震撼人心，带来炒鸡炫酷要炸天看过不忘的视觉体验。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-91dbef8f078e9617a5dfae96cc3544da_b.jpg\& data-rawwidth=\&240\& data-rawheight=\&240\& class=\&content_image\& width=\&240\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='240'%20height='240'&&\u002Fsvg&\& data-rawwidth=\&240\& data-rawheight=\&240\& class=\&content_image lazy\& width=\&240\& data-actualsrc=\&https:\u002F\\u002Fv2-91dbef8f078e9617a5dfae96cc3544da_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E这么酷炫的一镜到底制作成本当然也不低，据说天猫可是马爸爸花重金定制的。但是在人人秀一切就都有可能，这样的一镜到底功能不要钱，\u003Cb\u003E免费用！！！\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-faaf5aa860a0e_b.jpg\& data-rawwidth=\&324\& data-rawheight=\&192\& class=\&content_image\& width=\&324\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='324'%20height='192'&&\u002Fsvg&\& data-rawwidth=\&324\& data-rawheight=\&192\& class=\&content_image lazy\& width=\&324\& data-actualsrc=\&https:\u002F\\u002Fv2-faaf5aa860a0e_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E一镜到底是人人秀上线的新功能，经过射鸡狮和程序猿夜以继日的努力，只需要几步就能够制作完成。有了这个利器，小哥哥小姐姐就可以愉快的玩耍啦！\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-93e7ae29a5045c28dfed1_b.jpg\& data-rawwidth=\&240\& data-rawheight=\&240\& class=\&content_image\& width=\&240\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='240'%20height='240'&&\u002Fsvg&\& data-rawwidth=\&240\& data-rawheight=\&240\& class=\&content_image lazy\& width=\&240\& data-actualsrc=\&https:\u002F\\u002Fv2-93e7ae29a5045c28dfed1_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E什么？你说你们没有设计师？人人秀的功能当然都是有模板的啦，\u003Cb\u003E免费用！！！\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E随手附上一镜到底H5教程\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E第一步\u003C\u002Fp\u003E\u003Cp\u003E电脑登录人人秀官网\u003C\u002Fp\u003E\u003Cp\u003E进入“个人中心”点击“创建活动”\u003C\u002Fp\u003E\u003Cp\u003E第二步\u003C\u002Fp\u003E\u003Cp\u003E点击【互动】添加【一镜到底】插件功能\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-b65e88c5eb2c5b04b734_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&976\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-b65e88c5eb2c5b04b734_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='976'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&976\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-b65e88c5eb2c5b04b734_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-b65e88c5eb2c5b04b734_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E点击一镜到底插件页面，在右侧设置面板\u003C\u002Fp\u003E\u003Cp\u003E对每一幕场景进行设置\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-092d37d1cca4db5dce702e506ae68338_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&304\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-092d37d1cca4db5dce702e506ae68338_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='304'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&304\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-092d37d1cca4db5dce702e506ae68338_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-092d37d1cca4db5dce702e506ae68338_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-376bad102af715ecb63937_b.gif\& data-rawwidth=\&640\& data-rawheight=\&675\& data-thumbnail=\&https:\u002F\\u002Fv2-376bad102af715ecb63937_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-376bad102af715ecb63937_r.gif\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='675'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&675\& data-thumbnail=\&https:\u002F\\u002Fv2-376bad102af715ecb63937_b.jpg\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-376bad102af715ecb63937_r.gif\& data-actualsrc=\&https:\u002F\\u002Fv2-376bad102af715ecb63937_b.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E编辑调整页面距\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-d84149c29edc6cba85eb62_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&161\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-d84149c29edc6cba85eb62_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='161'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&161\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-d84149c29edc6cba85eb62_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-d84149c29edc6cba85eb62_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-d46d90e4e0effd1ff6855_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&204\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-d46d90e4e0effd1ff6855_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='204'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&204\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-d46d90e4e0effd1ff6855_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-d46d90e4e0effd1ff6855_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E第三步\u003C\u002Fp\u003E\u003Cp\u003E设置完成后保存并发布就制作成功啦\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-24b1ee565ab34accbd718f5_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&403\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-24b1ee565ab34accbd718f5_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='403'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&403\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fv2-24b1ee565ab34accbd718f5_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fv2-24b1ee565ab34accbd718f5_b.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003EH5中的一镜到底\u003C\u002Fp\u003E\u003Cp\u003E保留了其在影视中所惯有的画面流畅性和场景带入感\u003C\u002Fp\u003E\u003Cp\u003E通过在z轴上对画面间距进行控制实现酷炫的空间感\u003C\u002Fp\u003E\u003Cp\u003E所带来的空间感通常伴随着强烈的穿梭的感觉\u003C\u002Fp\u003E\u003Cp\u003E在视觉感官上，更具有震撼性\u003C\u002Fp\u003E\u003Cp\u003E使宣传效果更加有趣生动！\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fv2-a38f448b743ad693c414f6d404a45429_b.gif\& data-rawwidth=\&230\& data-rawheight=\&360\& data-thumbnail=\&https:\u002F\\u002Fv2-a38f448b743ad693c414f6d404a45429_b.jpg\& class=\&content_image\& width=\&230\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='230'%20height='360'&&\u002Fsvg&\& data-rawwidth=\&230\& data-rawheight=\&360\& data-thumbnail=\&https:\u002F\\u002Fv2-a38f448b743ad693c414f6d404a45429_b.jpg\& class=\&content_image lazy\& width=\&230\& data-actualsrc=\&https:\u002F\\u002Fv2-a38f448b743ad693c414f6d404a45429_b.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E这么炫酷炸裂的H5\u003C\u002Fp\u003E\u003Cp\u003E登录人人秀官网:\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\u002Fwww.rrxiu.net\u002Fstore-949.html\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002Fwww.\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Errxiu.net\u002Fstore-949.htm\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003El\u003C\u002Fspan\u003E\u003Cspan class=\&ellipsis\&\u003E\u003C\u002Fspan\u003E\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E 即可免费制作\u003C\u002Fp\u003E\u003Cp\u003E还不快get\u003C\u002Fp\u003E&,&updated&:new Date(&T07:57:58.000Z&),&canComment&:false,&commentPermission&:&review&,&commentCount&:0,&collapsedCount&:0,&likeCount&:0,&state&:&published&,&isLiked&:false,&slug&:&&,&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&reviewers&:[],&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5 广告&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5案例&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5视频&}],&adminClosedComment&:false,&titleImageSize&:{&width&:0,&height&:0},&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&column&:{&slug&:&c_&,&name&:&H5&},&tipjarState&:&inactivated&,&annotationAction&:[],&sourceUrl&:&&,&pageCommentsCount&:0,&hasPublishingDraft&:false,&snapshotUrl&:&&,&publishedTime&:&T15:57:58+08:00&,&url&:&\u002Fp\u002F&,&lastestLikers&:[],&summary&:&\u003Cimg src=\&http:\u002F\\u002Fv2-b7d576fb64e5da61fe.jpg\& data-rawwidth=\&468\& data-rawheight=\&742\& class=\&origin_image inline-img zh-lightbox-thumb\& data-original=\&http:\u002F\\u002Fv2-b7d576fb64e5da61fe7101_r.jpg\&\u003E昨天有个小姐姐向小夜哭诉，说她的老板如何如何不是人，小夜一听吓坏了。以为那个人面兽心的家伙，对我的小姐姐做了什么不可描述的事情，正当小夜义愤填膺。准备帮小姐姐砍她们老板的时候，小姐姐说出了事情的原委。 小姐姐说的非常炫酷的H5，其实就是马云…&,&reviewingCommentsCount&:0,&meta&:{&previous&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002F50\u002Fv2-7e30c3e4ce0c4e64417d_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5 广告&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5案例&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5视频&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&www.rrxiu.net 人人秀免费h5页面制作工具&,&isFollowing&:false,&hash&:&00b72d72db4cce0b77947&,&uid&:338600,&isOrg&:false,&slug&:&rrxiu.net&,&isFollowed&:false,&description&:&&,&name&:&韩夜-人人秀&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Frrxiu.net&,&avatar&:{&id&:&v2-fd796d0dce5a0f37c38e&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&c_&,&name&:&H5&},&content&:&\u003Cp\u003E这段时间比较忙，没有及时来更新，今天多更新几篇。今年最火的H5类型要是嘻哈类排第二的话应该没有敢称第一的了。小编搜H5案例随手打开一个H5就是一段freestyle。最近搜狗翻译出了一支嘻哈H5可谓是别出心裁了！\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-34484bea63614acee16f5_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&763\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002F50\u002Fv2-34484bea63614acee16f5_r.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E创意分析\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E这支H5不仅仅是迎合了当下比较热门的嘻哈风格，更重要的是还将中国的皮影元素置入其中，可以说是这支H5的另一大亮点了，真是创意满满！以诗仙李白和诗圣杜甫尬诗对决为切入点，展开剧情，两位大诗人以皮影人物形象出现在用户眼前，开启互怼模式，freestyle的对决更是精彩，吸引用户观看。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-85bab82d171c6b6ad0ce_b.gif\& data-rawwidth=\&744\& data-rawheight=\&462\& data-thumbnail=\&https:\u002F\\u002F50\u002Fv2-85bab82d171c6b6ad0ce_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&744\& data-original=\&https:\u002F\\u002F50\u002Fv2-85bab82d171c6b6ad0ce_r.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E技术分析\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E这是搜狗翻译推出的一支宣传H5，主要采用到的技术就是序列帧动画和视频的结合使用，打开H5出现提示横屏观看的动画，然后点击“开始表演”即进入视频部分。讲述“唐朝有嘻哈”节目中李白和杜甫两位选手被一位歪果仁评委要求秀freestyle，随之引出宣传产品即搜狗翻译，然后诗仙和诗圣就开启了freestyle，互怼式的battle生动有趣。视频最后是与用户的交互，弹幕飘过各种诗句，随意点击可以查看英文翻译，之后可以分享也可以选择下载。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-e5bf7cc025dc0bf190bf65_b.gif\& data-rawwidth=\&754\& data-rawheight=\&462\& data-thumbnail=\&https:\u002F\\u002F50\u002Fv2-e5bf7cc025dc0bf190bf65_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&754\& data-original=\&https:\u002F\\u002F50\u002Fv2-e5bf7cc025dc0bf190bf65_r.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E视觉分析\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E整体设计元素采用中国皮影元素，情感上让用户更具有亲切感，人物设计选择李白和杜甫两位被人们熟知的大诗人，剧情又是当下流行的freestyle，多种元素结合让一切都变得更加有趣，用户体验非常好，而且视频观看流畅不卡顿，故事有情节又有乐趣，画面制作精良，总之是一次非常好的H5观赏体验。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-e5bf7cc025dc0bf190bf65_b.gif\& data-rawwidth=\&754\& data-rawheight=\&462\& data-thumbnail=\&https:\u002F\\u002F50\u002Fv2-e5bf7cc025dc0bf190bf65_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&754\& data-original=\&https:\u002F\\u002F50\u002Fv2-e5bf7cc025dc0bf190bf65_r.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E这支H5改变了很多人对中国传统文化的刻板印象，在很多人心中，像皮影这样的传统文化和艺术是庄严肃穆不可侵犯的，搜狗H5打破了这种观念，把东西融合，古今串通，给现代人一种不一样的传统文化体验。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&https:\u002F\\u002F50\u002Fv2-7bac11b39d4a520ca3a0cd_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&1623\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002F50\u002Fv2-7bac11b39d4a520ca3a0cd_r.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E人人秀原创文章，如若转载请注明出处：\u003Ca href=\&https:\u002F\\u002F?target=https%3A\u002F\u002Fwww.rrxiu.net\u002Fcontent\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002Fwww.\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Errxiu.net\u002Fcontent\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T15:53:19+08:00&,&url&:&\u002Fp\u002F&,&title&:&诗仙诗圣玩起freestyle尔等全部靠边站！&,&summary&:&这段时间比较忙，没有及时来更新，今天多更新几篇。今年最火的H5类型要是嘻哈类排第二的话应该没有敢称第一的了。小编搜H5案例随手打开一个H5就是一段freestyle。最近搜狗翻译出了一支嘻哈H5可谓是别出心裁了！ \u003Cb\u003E创意分析\u003C\u002Fb\u003E这支H5不仅仅是迎合了当下比较热门的…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&review&,&commentsCount&:0,&likesCount&:0},&next&:{&isTitleImageFullScreen&:false,&rating&:&none&,&titleImage&:&https:\u002F\\u002F50\u002Fv2-fe2dcdc01fd8273ef8dae_xl.jpg&,&links&:{&comments&:&\u002Fapi\u002Fposts\u002F2Fcomments&},&topics&:[{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5 广告&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&H5案例&},{&url&:&https:\u002F\\u002Ftopic\u002F&,&id&:&&,&name&:&中国有嘻哈（综艺节目）&}],&adminClosedComment&:false,&href&:&\u002Fapi\u002Fposts\u002F&,&excerptTitle&:&&,&author&:{&bio&:&www.rrxiu.net 人人秀免费h5页面制作工具&,&isFollowing&:false,&hash&:&00b72d72db4cce0b77947&,&uid&:338600,&isOrg&:false,&slug&:&rrxiu.net&,&isFollowed&:false,&description&:&&,&name&:&韩夜-人人秀&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Frrxiu.net&,&avatar&:{&id&:&v2-fd796d0dce5a0f37c38e&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false},&column&:{&slug&:&c_&,&name&:&H5&},&content&:&\u003Cp\u003E满屏天书般的字体，看似眼熟，趴上去能认出二三，用尽全力却未能通顺畅读一通……没错，Homie!全球第一套甲骨文字体库来了！\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fv2-4d922deea9_b.jpg\& data-rawwidth=\&800\& data-rawheight=\&203\& class=\&origin_image zh-lightbox-thumb\& width=\&800\& data-original=\&http:\u002F\\u002Fv2-4d922deea9_r.jpg\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E汉仪陈体甲骨文： 由汉仪字库与陈楠老师（清华大学美术学院视觉传达系副主任、中国古文字艺术研究中心常务副主任）合作开发完成。这款字库揭示了甲骨文所蕰含的数字之美与网格秘密，开启了一条全新的字库设计路径，第一次推出不以书写作为主要功能的字体库设计先例，将设计的开发重点放在文化衍生与推广之上，担负起文化传承的社会责任。\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fv2-fc4bc0e7c6fa8e9e326dc7_b.png\& data-rawwidth=\&640\& data-rawheight=\&514\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&http:\u002F\\u002Fv2-fc4bc0e7c6fa8e9e326dc7_r.png\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E创意分析\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E这支H5是由汉仪字库为宣传本公司所打造的，在以商朝为故事背景，用嘻哈的表现形式，向用户展现甲骨文趣味性，完成很好的一个宣传效果。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fv2-c529bbcbedaed589c643adf977c05251_b.gif\& data-rawwidth=\&500\& data-rawheight=\&500\& data-thumbnail=\&http:\u002F\\u002Fv2-c529bbcbedaed589c643adf977c05251_b.jpg\& class=\&origin_image zh-lightbox-thumb\& width=\&500\& data-original=\&http:\u002F\\u002Fv2-c529bbcbedaed589c643adf977c05251_r.gif\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E技术实现\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E这是以视频为主的\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\u002Fwww.rrxiu.net\u002F%23\u002Fhome\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EH5\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，主要采用到的技术是序列帧动画和视频的结合使用，序列帧动画可以在人人秀平台实现，进入人人秀编辑页面可以找到。视频制作功能使用可点击：\u003Cu\u003E\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\u002Fwww.rrxiu.net\u002Fcontent-rxthyp\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E视频教程\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fu\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E视觉分析\u003C\u002Fb\u003E\u003C\u002Fp\u003E\u003Cp\u003E整款H5以暗黑复古的背景气氛，给人一种瞬间穿越到商朝年代。嘻哈与历史结合，加上流行时尚的灯光气氛，植入朋友圈，植入电影场景，演唱会的场景，商业街场景等，使这只H5具有独特的文化魅力和感染力！\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cimg src=\&http:\u002F\\u002Fv2-ce7cfbb507ff17a065a72_b.png\& data-rawwidth=\&750\& data-rawheight=\&2668\& class=\&origin_image zh-lightbox-thumb\& width=\&750\& data-original=\&http:\u002F\\u002Fv2-ce7cfbb507ff17a065a72_r.png\&\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E人人秀原创文章，如若转载请注明出处：\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\u002Fwww.rrxiu.net\u002Fcontent\& class=\& external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E\u003Cspan class=\&invisible\&\u003Ehttps:\u002F\u002Fwww.\u003C\u002Fspan\u003E\u003Cspan class=\&visible\&\u003Errxiu.net\u002Fcontent\u003C\u002Fspan\u003E\u003Cspan class=\&invisible\&\u003E\u003C\u002Fspan\u003E\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E&,&state&:&published&,&sourceUrl&:&&,&pageCommentsCount&:0,&canComment&:false,&snapshotUrl&:&&,&slug&:,&publishedTime&:&T16:05:49+08:00&,&url&:&\u002Fp\u002F&,&title&:&H5案例分析：甲骨文字体来袭——汉仪字库&,&summary&:&满屏天书般的字体，看似眼熟，趴上去能认出二三，用尽全力却未能通顺畅读一通……没错，Homie!全球第一套甲骨文字体库来了！ 汉仪陈体甲骨文： 由汉仪字库与陈楠老师（清华大学美术学院视觉传达系副主任、中国古文字艺术研究中心常务副主任）合作开发完成。…&,&reviewingCommentsCount&:0,&meta&:{&previous&:null,&next&:null},&commentPermission&:&review&,&commentsCount&:0,&likesCount&:0}},&annotationDetail&:null,&commentsCount&:0,&likesCount&:0,&FULLINFO&:true}},&User&:{&rrxiu.net&:{&isFollowed&:false,&name&:&韩夜-人人秀&,&headline&:&&,&avatarUrl&:&https:\u002F\\u002F50\u002Fv2-fd796d0dce5a0f37c38e_s.jpg&,&isFollowing&:false,&type&:&people&,&slug&:&rrxiu.net&,&bio&:&www.rrxiu.net 人人秀免费h5页面制作工具&,&hash&:&00b72d72db4cce0b77947&,&uid&:338600,&isOrg&:false,&description&:&&,&badge&:{&identity&:null,&bestAnswerer&:null},&profileUrl&:&https:\u002F\\u002Fpeople\u002Frrxiu.net&,&avatar&:{&id&:&v2-fd796d0dce5a0f37c38e&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.jpg&},&isOrgWhiteList&:false,&isBanned&:false}},&Comment&:{},&favlists&:{}},&me&:{},&global&:{&experimentFeatures&:{&ge3&:&ge3_9&,&ge2&:&ge2_1&,&nwebStickySidebar&:&sticky&,&androidPassThroughPush&:&getui&,&newMore&:&new&,&liveReviewBuyBar&:&live_review_buy_bar_2&,&liveStore&:&ls_a2_b2_c1_f2&,&searchHybridTabs&:&without-tabs&,&isOffice&:&false&,&homeUi2&:&default&,&answerRelatedReadings&:&qa_recommend_with_ads_and_article&,&remixOneKeyPlayButton&:&headerButton&,&asdfadsf&:&asdfad&,&qrcodeLogin&:&qrcode&,&newBuyBar&:&livenewbuy3&,&isShowUnicomFreeEntry&:&unicom_free_entry_off&,&newMobileColumnAppheader&:&new_header&,&zcmLighting&:&zcm&,&favAct&:&default&,&appStoreRateDialog&:&close&,&mobileQaPageProxyHeifetz&:&m_qa_page_nweb&,&iOSNewestVersion&:&4.2.0&,&default&:&None&,&wechatShareModal&:&wechat_share_modal_show&,&qaStickySidebar&:&sticky_sidebar&,&androidProfilePanel&:&panel_b&,&nwebWriteAnswer&:&default&}},&columns&:{&next&:{},&c_&:{&following&:false,&canManage&:false,&href&:&\u002Fapi\u002Fcolumns\u002Fc_&,&name&:&H5&,&creator&:{&slug&:&rrxiu.net&},&url&:&\u002Fc_&,&slug&:&c_&,&avatar&:{&id&:&v2-c360eb155efc60e10a370&,&template&:&https:\u002F\\u002F{id}_{size}.png&}}},&columnPosts&:{},&columnSettings&:{&colomnAuthor&:[],&uploadAvatarDetails&:&&,&contributeRequests&:[],&contributeRequestsTotalCount&:0,&inviteAuthor&:&&},&postComments&:{},&postReviewComments&:{&comments&:[],&newComments&:[],&hasMore&:true},&favlistsByUser&:{},&favlistRelations&:{},&promotions&:{},&draft&:{&titleImage&:&&,&titleImageSize&:{},&isTitleImageFullScreen&:false,&canTitleImageFullScreen&:false,&title&:&&,&titleImageUploading&:false,&error&:&&,&content&:&&,&draftLoading&:false,&globalLoading&:false,&pendingVideo&:{&resource&:null,&error&:null}},&drafts&:{&draftsList&:[],&next&:{}},&config&:{&userNotBindPhoneTipString&:{}},&recommendPosts&:{&articleRecommendations&:[],&columnRecommendations&:[]},&env&:{&edition&:{},&isAppView&:false,&appViewConfig&:{&content_padding_top&:128,&content_padding_bottom&:56,&content_padding_left&:16,&content_padding_right&:16,&title_font_size&:22,&body_font_size&:16,&is_dark_theme&:false,&can_auto_load_image&:true,&app_info&:&OS=iOS&},&isApp&:false},&message&:{&newCount&:0},&pushNotification&:{&newCount&:0}}}
我要回帖
更多推荐
- ·描写小兔子吃什么好的好段
- ·算命的说我最少算命说有两个孩子算流产的吗生三个也行，什么意思？
- ·德国AEG公司德国费斯托官方网站站中国代理联系方式？
- ·在电视剧《无法抗拒的他》中，朴宰彦喜欢雪雅吗不是喜欢刘娜比吗？你怎么说是雪雅呢？
- ·第一小公主每章主要内容小说内容简介
- ·求助，密宗宝图碎片4四到底在哪
- ·腾讯腾讯绝地大逃杀8号上线游戏即将上线了吗？
- ·奥拉星亚比召唤阵如何让亚比展示 怎么展示亚比
- ·萌新问一下，亡命之徒好用还是猴子地狱火图片萌版好用，打算不抽猴子地狱火图片萌版
- ·极客学院大牛程序员大牛眼里的未来航空旅行是啥样
- ·云南普洱茶的茶渣普洱茶可以用来洗脸吗擦洗油腻的锅吗？
- ·宏碁蜂鸟swift3评测TMX349和蜂鸟fs3哪个好点，值得买吗
- ·双宋cp大婚，我结二婚时代宋邢可不可以也像宋慧乔这样美
- ·麻烦大师了，看相大师
- ·手机我的世界红石科技原理简易红石电梯怎么做，4层的
- ·｛名侦探柯南柯南和平次｝为什么平次在521
- ·拳皇最强角色排名14新手角色选择哪个好
- ·奇迹暖暖花香怎么获得叶语之歌怎么获得
- ·这种配置可以玩绝地求生什么配置能玩吗？
- ·fate extella 尼禄尼禄线结局怎么回事，没有psp，在网上得知挺虐的，有谁能详细科普一下吗
- ·h5解析 这些爆最近很火的h5怎么做的"一镜到底"h5都用了什么套路
- ·求问 暗黑三巫医宠物流的宠物头 能赌博出来吗
- ·泡菜里的蒜绿了怎么办中的蒜变绿是怎么回事，该如何解决
- ·极品飞车ol好用的a车哪个车好
- ·去日本旅游带多少钱5天需要带多少钱
- ·rockbox 和 neutron music musicplayer下载哪个好
- ·梦见前女友到我家里来，没梦见迷路,过一会儿发现了路被一个鬼带走了，那个鬼是我们村，死了好几年了，住在我们村祠堂那里
- ·肉石鉴定一块，求鉴定
- ·有没有超级刘德华感人电影的爱情电影，能入戏的那种
- ·孕妇梦见臭水河里有鱼还有蛆虫
- ·《银翼杀手华莱士的眼睛2049》 自然出生的小孩对华莱士有什么用
- ·美版忠犬八公的原型更惨电影有没有国语版的
- ·找一个实况足球手游急坠射门怎么触发，很急
- ·梦幻西游玩69去哪个区单开玩哪个区比较好，要人多的，物价稳定的
- ·不思议迷宫神秘小岛攻略奖励有哪些 神秘小岛在哪制作地图
- ·最强弃少云紫衣腰果的衣可以吃吗和文彩衣怎么杀了虫魔
