土豆：土豆有趣短视频

2017-04-27 H5案例分享 H5案例分享

案例：土豆有趣短视频

出品：土豆

亮点：

策划上，小游戏类，用土豆为主人公，以土豆喷黑同伴开启整支H5，土豆高级黑，短视频黑好友只需2步，点击开始创作,输入好友名字，并确定就黑TA了，而后从六种角色中为TA选择一个，然后召唤土豆生成短视频，稍等片刻，生成后点击放映，即可看到已生成的短视频。
设计上，漫画风格，采用橘红色作为主色调，土豆的卡通形象也非常可爱哦，小场景里不仅动画做的很有趣，还加上了很形象的配音，体验上更好了。
技术上，生成短视频是用一个简短的带有x5-video-player-type，webkit-playsinline，x-webkit-airplay，airplay，playsinline 等属性的Video小视频+用代码实现的文字、动画效果做成的弹幕来模拟视频效果。

技术实现： JavaScript

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

识别图中二维码

土豆有趣短视频-查阅二维码

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

标签