我……我被抖音背後的黑科技撩到了！

來自專欄 H5案例分享

完整欣賞此案例大約需要1分30秒

案例：我……我被抖音背後的黑科技撩到了！

出品：位元組跳動

亮點：

1.創意定位，用抖音酷炫換裝換場景的功能做由頭,為9月15日舉行的抖音技術開放日做宣傳推廣。

2.策划上，首先一段10秒鐘的視頻，主角是位元組跳動AI Lab演算法工程師，代號93，向觀看H5的用戶做自我介紹，並引導進入抖音背後的黑科技。

用戶在任意時間點擊屏幕，都在「現實世界」「AI世界」「抖音世界」三個場景中隨意切換。切換時只改變背景和裝飾元素，視頻主體不變，以給用戶帶來「穿越」的感覺。這裡是一段1分13秒的視頻，主要是主角工作環境等介紹。這其中的亮點，就是無論何時點擊屏幕，都可以「穿越」進入到不同時空。

3.設計上,每個世界都有該場景的象徵性元素，科技感強烈。

4.體驗上，有點亂，部分場景變化太快，第一次看這個作品沒玩明白。

5.技術上，這支H5主要有兩個MP4格式的視頻構成。第一個視頻為男主介紹，視頻尺寸960*1854（換算為750像素寬度，尺寸為750*1448）。第二個視頻為1920*1236（3個尺寸為640*1236，換算為750像素寬度，尺寸為750*1448）,並列排列，合成一個視頻。當用戶點擊屏幕，切換視頻所在div容器left值，達到「穿越」的感覺。