RSS   

TWed2k主機停機報告(2016-05-05 to 2016-05-07)

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


 


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

十週年紀念徽章(四級)  

 . 積分: 13971
 . 精華: 14
 . 文章: 11159
 . 收花: 129725 支
 . 送花: 5633 支
 . 比例: 0.04
 . 在線: 8231 小時
 . 瀏覽: 74676 頁
 . 註冊: 5347
 . 失蹤: 0
 . 鄉下地方
#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
天堂的惡魔

 . 積分: 307
 . 文章: 2478
 . 收花: 1055 支
 . 送花: 578 支
 . 比例: 0.55
 . 在線: 2332 小時
 . 瀏覽: 22625 頁
 . 註冊: 5334
 . 失蹤: 0
#2 : 2016-8-2 09:51 PM     只看本作者 引言回覆

只有全聯才能超越全聯


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


今日心情

 . 積分: 337
 . 文章: 606
 . 收花: 3067 支
 . 送花: 1800 支
 . 比例: 0.59
 . 在線: 1603 小時
 . 瀏覽: 6100 頁
 . 註冊: 3223
 . 失蹤: 0
#3 : 2016-8-2 10:05 PM     只看本作者 引言回覆

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


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

今日心情

 . 積分: 37
 . 文章: 39
 . 收花: 330 支
 . 送花: 122 支
 . 比例: 0.37
 . 在線: 23 小時
 . 瀏覽: 3220 頁
 . 註冊: 664
 . 失蹤: 9
#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
我缺錢

十週年紀念徽章(二級)  

今日心情

 . 積分: 1945
 . 文章: 4694
 . 收花: 17393 支
 . 送花: 14357 支
 . 比例: 0.83
 . 在線: 1958 小時
 . 瀏覽: 11300 頁
 . 註冊: 4359
 . 失蹤: 0
#5 : 2016-8-3 02:38 PM     只看本作者 引言回覆

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



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


 . 積分: 129
 . 文章: 401
 . 收花: 1046 支
 . 送花: 995 支
 . 比例: 0.95
 . 在線: 1917 小時
 . 瀏覽: 8740 頁
 . 註冊: 5348
 . 失蹤: 0
#6 : 2016-8-3 03:00 PM     只看本作者 引言回覆

盪鞦韆部份就做的不好


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


 . 積分: 287
 . 文章: 1022
 . 收花: 2274 支
 . 送花: 1945 支
 . 比例: 0.86
 . 在線: 3945 小時
 . 瀏覽: 18750 頁
 . 註冊: 4111
 . 失蹤: 0
#7 : 2016-8-4 10:25 AM     只看本作者 引言回覆

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

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



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

 . 積分: 1086
 . 文章: 3797
 . 收花: 8775 支
 . 送花: 885 支
 . 比例: 0.1
 . 在線: 2105 小時
 . 瀏覽: 41771 頁
 . 註冊: 4431
 . 失蹤: 1
 . 信義之星
#8 : 2016-8-6 09:36 AM     只看本作者 引言回覆

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


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

快速回覆
表情符號

更多 Smilies

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

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


 



所在時區為 GMT+8, 現在時間是 2017-1-19 02:08 AM
清除 Cookies - 連絡我們 - TWed2k © 2001-2046 - 純文字版 - 說明
Discuz! 0.1 | Processed in 0.016944 second(s), 7 queries , Qzip disabled