RSS   



  可打印版本 | 推薦給朋友 | 訂閱主題 | 收藏主題 | 純文字版  


 


 
主題: [其他] [閒聊]全聯廣告鬼影網頁設計   字型大小:||| 
ROACH
版主
等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30
減肥中!請勿餵食

十週年紀念徽章(四級)  

 . 積分: 15119
 . 精華: 14
 . 文章: 11767
 . 收花: 140853 支
 . 送花: 6005 支
 . 比例: 0.04
 . 在線: 8870 小時
 . 瀏覽: 85616 頁
 . 註冊: 8210
 . 失蹤: 5
 . 鄉下地方
#1 : 2016-8-2 05:27 PM     只看本作者 引言回覆

越來越覺得..全聯的廣告越來越厲害的

全聯的官網的影片
http://www.whatcanyousee.com.tw/

按下鍵盤的R 跟 I 跟  P  (同時按) 會出現『隱藏人物』
放開又會消失不見

想說這網站用什麼原理呢~套的那麼順....

看的一下網頁原始檔看來用影片堆疊的方式堆上去一起播放的吧!在透過按鍵..去隱藏原先的影片區塊
應該是這樣吧 真是厲害

    <div id="video">
            <div class="video-box show">
              <video id="v1" preload="auto" poster="assets/images/share_def.jpg">
                <source src="http://210.71.197.156/whatcanyousee/video/v1s.mp4" type="video/mp4">
              </video>
              <video id="v2" preload="auto" poster="assets/images/share_def.jpg">
                <source src="http://210.65.88.2/whatcanyousee/video/v2s.mp4" type="video/mp4">
              </video>
              <div class="btn-play"></div>
            </div>
          </div>
[ROACH 在  2016-8-2 05:30 PM 作了最後編輯]



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
H.T.DEMON
論壇第一呆
等級: 11等級: 11等級: 11等級: 11
天堂的惡魔

 . 積分: 321
 . 文章: 2497
 . 收花: 1170 支
 . 送花: 629 支
 . 比例: 0.54
 . 在線: 2355 小時
 . 瀏覽: 24805 頁
 . 註冊: 8197
 . 失蹤: 272
#2 : 2016-8-2 09:51 PM     只看本作者 引言回覆

只有全聯才能超越全聯


[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
pandabb
銀驢友〔中級〕
等級: 13等級: 13等級: 13等級: 13


今日心情

 . 積分: 616
 . 文章: 990
 . 收花: 5663 支
 . 送花: 3286 支
 . 比例: 0.58
 . 在線: 2572 小時
 . 瀏覽: 10581 頁
 . 註冊: 6086
 . 失蹤: 40
#3 : 2016-8-2 10:05 PM     只看本作者 引言回覆

以前倒是用過overmouse變換灰階圖,這種算是類似的用法吧。不過變灰階圖可以在撥接時代用,變影片檔的用法,網路太慢效果就差了。


[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
roachbody
鐵驢友〔初級〕
等級: 4
舔手肘

今日心情

 . 積分: 41
 . 文章: 46
 . 收花: 346 支
 . 送花: 164 支
 . 比例: 0.47
 . 在線: 35 小時
 . 瀏覽: 5480 頁
 . 註冊: 3528
 . 失蹤: 91
#4 : 2016-8-3 01:52 PM     只看本作者 引言回覆

很簡單
我本身也是網頁前端技術設計師
這技術已經好幾年囉

他是用兩個html5的video疊在一起
一個video是有臨演的影片 藏在後面
一個video是沒臨演的影片 擺在最前
當你三個鍵都被判定有全按下時
沒臨演的影片就隱藏起來

技術上不難
累的是影片要重拍兩次或是後製上去

PS:該網站bug滿嚴重的
     有時RIP三鍵按下只會出現黑畫面
     原因應該是有臨演的影片的主機流量無法負荷上網人數
     導致有臨演影片一直load不進user電腦導致的
     但基本上這個行銷是非常成功的
     因為短短這幾天我看已經好幾個文章跟路人在討論這網站了

[roachbody 在  2016-8-3 01:54 PM 作了最後編輯]



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
LiuRambo
金驢友〔初級〕
等級: 16等級: 16等級: 16等級: 16
我缺錢

十週年紀念徽章(二級)  

今日心情

 . 積分: 2086
 . 文章: 4914
 . 收花: 18694 支
 . 送花: 15318 支
 . 比例: 0.82
 . 在線: 2069 小時
 . 瀏覽: 13400 頁
 . 註冊: 7223
 . 失蹤: 635
#5 : 2016-8-3 02:38 PM     只看本作者 引言回覆

同上+1
創意實在是太厲害了



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
frans
銅驢友〔高級〕
等級: 10等級: 10等級: 10


 . 積分: 163
 . 文章: 435
 . 收花: 1232 支
 . 送花: 1070 支
 . 比例: 0.87
 . 在線: 3004 小時
 . 瀏覽: 22820 頁
 . 註冊: 8211
 . 失蹤: 2
#6 : 2016-8-3 03:00 PM     只看本作者 引言回覆

盪鞦韆部份就做的不好


[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
speed
青銅驢友
等級: 11等級: 11等級: 11等級: 11


 . 積分: 294
 . 文章: 1031
 . 收花: 2298 支
 . 送花: 1976 支
 . 比例: 0.86
 . 在線: 4907 小時
 . 瀏覽: 23710 頁
 . 註冊: 6975
 . 失蹤: 1
#7 : 2016-8-4 10:25 AM     只看本作者 引言回覆

拍攝手法是很早已前就有的(古早很多用在戲劇中當一人飾兩角時…雙胞胎老梗),特點就是畫面會很明顯垂直不重疊的區域
網頁技術上面有高手解說

最後,把這些手法技術及鬼月主題成功結合在一起的創意是了不起的



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
jazzblue
版主
等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30
志凌

 . 積分: 1106
 . 文章: 3836
 . 收花: 8945 支
 . 送花: 906 支
 . 比例: 0.1
 . 在線: 2162 小時
 . 瀏覽: 43731 頁
 . 註冊: 7295
 . 失蹤: 201
 . 信義之星
#8 : 2016-8-6 09:36 AM     只看本作者 引言回覆

這就是現在流行的的 AR 技術嗎 ?   


[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  發私人訊息  Blog  快速回覆 新增/修改 爬文標記

   

快速回覆
表情符號

更多 Smilies

字型大小 : |||      [完成後可按 Ctrl+Enter 發佈]        

溫馨提示:本區開放遊客瀏覽。
選項:
關閉 URL 識別    關閉 表情符號    關閉 Discuz! 代碼    使用個人簽名    接收新回覆信件通知
發表時自動複製內容   [立即複製] (IE only)


 



所在時區為 GMT+8, 現在時間是 2024-11-21 05:56 PM
清除 Cookies - 連絡我們 - TWed2k © 2001-2046 - 純文字版 - 說明
Discuz! 0.1 | Processed in 0.023361 second(s), 6 queries , Qzip disabled