首頁 > 建站資源 > 網站運營 > “吳亦凡即將入伍”的H5技術到底是怎么實現的?

“吳亦凡即將入伍”的H5技術到底是怎么實現的?

時間:2015-09-06    作者:萬能的大叔   來源:百度百家

吳亦凡即將入伍 H5技術 H5游戲

近日,一則名叫“吳亦凡即將入伍”的H5廣告引爆朋友圈,再次證明的大叔提出的“技術即傳播”的理論。吳亦凡從新聞框中跳出來這個創意,確實是個驚喜。這個技術效果到底是怎么實現的?非騰訊系的公司s是否能夠復制這樣的成功?大叔今天聊聊這個。

對于這事,大叔看到自媒體朋友們迅速地分成了兩派。一派是挺吳派,從各種角度分析這個H5做得好啊,比如滿足了用戶的好奇心,明星效應,標題起的十分嚇人《史上最火H5是如何一夜爆紅的》等等;另一派是倒吳派,也從各種角度分析,認為這個H5的戰略是錯的,比如選錯了代言人,沒有轉發動機和下載游戲的轉化率。

大叔認為,上面兩派都是扯淡。理由很簡單:1、這個H5火了,當然符合用戶分享規律和傳播邏輯,轉發的人也不是傻子。2、尤其對吹毛求疵的人說一句,你先做一個原創的10萬+或能刷屏的H5出來給我們瞧瞧,再談轉化率。

有點跑題了。回到上面的問題,“吳亦凡即將入伍”的H5到底是如何實現的?大叔認為,所有的創意和驚喜需要在一點點把這個H5“解刨”之后,就能看得清清楚楚。這個可能是完全沒有任何技術背景的大叔和你更希望搞清楚的內容。

以下是大叔請教多位H5制作達人后,對此事的一個梳理。如有表述有誤,純屬是他們的問題,與大叔無關。

一、“吳亦凡即將入伍”到底是一個H5,還是一個視頻(flash)?

現在大家都知道這是一個H5,一出來的時候,有各種猜測,比如同樣的鏈接放在PC上,就變成了一個flash。還有人說這是一個完整的視頻,只不過連續放了三段,中間的銜接做得好。這種說法很快就被是否定了,因為第一頁的文字是可以復制的,而不是一張圖片或視頻中的一幀畫面。還有第三種說法是這是一張張圖片累計做的GIF,顯然也不成立。

吳亦凡即將入伍 H5技術 H5游戲

因此,最終的結論是,這是一個H5。但和之前大家在朋友圈常見到的H5相比,要復雜得多。下面具體說,包括簡單分析一下這個H5的代碼。

二、這個H5的結構是什么?

“吳亦凡即將入伍”的H5分為5個部分。

1、第一頁。這其實是一個H5頁面,包括文字+MP4視頻+圖片。為了讓這條“假頁面”顯得逼真,所以用了文字,包括正文、評論和相關新聞。中間的“照片”是一張照片的同時,其實是正在加載的視頻,對于這個自動播放的技術,針對蘋果和安卓的機型,體驗是不一樣的,大叔下面細說。

吳亦凡即將入伍 H5技術 H5游戲

2、第二頁。這一頁是整個H5的精華,給了用戶一個驚喜。其實就是一個全屏幕播放的視頻。但值得一提的是,用戶無法自動暫停視頻,這其實是為了讓用戶觀看第一頁和第二頁的時候能夠流暢感受,如果停頓一點點,這個作品就失敗了。

吳亦凡即將入伍 H5技術 H5游戲

3、第三頁。這個好理解,H5頁面,頁面模仿微信的視頻聊天界面,連微信的背景音樂也不放過,“接聽”按鈕就是一個視頻播放的啟動鍵。

吳亦凡即將入伍 H5技術 H5游戲

相關推薦
如何讓文章在網上爆紅?6招搞定病毒式營銷
海底撈VS西貝:“臥底”之戰為何被瘋狂傳播
不爽貓:愛擺臭臉 一款丑萌產品如何吸金6億
闌夕:網站主編必死 “整理者”讓內容再生
數據挖掘duang!duang! duang!的前世今生
在柴靜的《穹頂之下》看移動端如何暴虐PC端
“穹頂之下”的新媒體形態如何重構傳統媒體
起底:duang!duang!如何走紅網絡
數據告訴你:穹頂之下是怎樣的互聯網情緒?
地鐵“小鮮肉”迷倒萬千網友 英國網站爆紅
總統班底造星記:奧巴馬是這樣成為網絡紅人的
一封辭職信引發的借勢狂歡 文案到底哪家強
產品運營:如何用一件小事引爆社交網絡?
如何做出能在25天內獲得20萬流量的內容?
自媒體的傳播力量之生死法則
靜香和大頭兒子走紅背后 該如何打造熱點事件?
朋友圈謠言幕后操縱者
優衣庫試衣間里的幻想:傳統零售拒被顛覆
優衣庫狂歡背后的冷思考:人性與商業倫理
微博營銷怎么搞?跟鄧超、郭敬明學起來
標題撰寫技巧:這10種形式的標題最糟糕
BuzzFeed福利,讓你看清一條信息怎么在社交網絡傳播
一條熱門微博背后的傳播心理
邏輯思維聯合創始人吳聲:秒懂“場景” 就這20個字
錯過微信公眾號 別錯過頭條號
今日頭條推廣經驗分享:閱讀量高 轉化率低是什么原因?
NASA這個研究機構如何在社交營銷上秒殺白宮的?
從人性分析如何讓你的產品得到瘋狂傳播
轉發量超過7萬的段子內是咋寫出來的?(視頻)
瑯琊榜能這么火應該感謝這三位“免費水軍”
近半年最好的4個H5傳播案例
互聯網轉型五大江湖門派:號子手、賣貨郎誰與爭鋒?
干貨分享:如何在1周內做出100w+傳播量的H5?
注意力經濟時代,如何用正確的姿勢搶“頭條”?
“不務正業”的奧巴馬,你到底有多少個社交媒體帳號?
火遍朋友圈的小冰讀心術是怎么煉成的?

精彩推薦

熱門教程

上海天天彩选4第2018348期