VDL：新歌首发《妆》

2017-09-18 H5案例分享 H5案例分享

案例：新歌首发《妆》

出品：VDL

亮点：

策划上，这是由VDL为宣传本公司产品所打造的一款宣传h5，在这款h5中，通过一首《妆》的歌曲并配上恶搞加炫酷类的MV视频，共同组成了整款h5。
设计上，这款h5是一款视频h5，整款h5以亮色为主要背景色，搭配炫酷的嘻哈音乐，使得整款h5看起来充满了炫酷的色彩，视频的特效及内容又给整款h5增添了几分恶搞与搞笑的味道。
技术上，这款h5是以jQuery技术作为整款h5的框架，以Video插件技术进行全款h5的视频播放，以Preload.js进行视频及图片的预加载，以Howler.js技术进行音频的播放，以Snabbt.js构建全款h5的动画特效，以Clipboard.js作为打印技术以便最后复制淘宝口令。

技术实现： Video+Preload+jQuery+Howler+Snabbt+Clipboard

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

识别图中二维码

新歌首发《妆》-查阅二维码

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

标签