RSS   

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

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


 


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

十週年紀念徽章(四級)  

 . 積分: 14185
 . 精華: 14
 . 文章: 11262
 . 收花: 131806 支
 . 送花: 5714 支
 . 比例: 0.04
 . 在線: 8364 小時
 . 瀏覽: 76736 頁
 . 註冊: 5476
 . 失蹤: 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
天堂的惡魔

 . 積分: 314
 . 文章: 2489
 . 收花: 1118 支
 . 送花: 605 支
 . 比例: 0.54
 . 在線: 2348 小時
 . 瀏覽: 22925 頁
 . 註冊: 5463
 . 失蹤: 1
#2 : 2016-8-2 09:51 PM     只看本作者 引言回覆

只有全聯才能超越全聯


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


今日心情

 . 積分: 369
 . 文章: 657
 . 收花: 3362 支
 . 送花: 1941 支
 . 比例: 0.58
 . 在線: 1696 小時
 . 瀏覽: 6620 頁
 . 註冊: 3353
 . 失蹤: 0
#3 : 2016-8-2 10:05 PM     只看本作者 引言回覆

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


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

今日心情

 . 積分: 38
 . 文章: 42
 . 收花: 333 支
 . 送花: 125 支
 . 比例: 0.38
 . 在線: 24 小時
 . 瀏覽: 3520 頁
 . 註冊: 794
 . 失蹤: 15
#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
我缺錢

十週年紀念徽章(二級)  

今日心情

 . 積分: 1955
 . 文章: 4714
 . 收花: 17484 支
 . 送花: 14456 支
 . 比例: 0.83
 . 在線: 1969 小時
 . 瀏覽: 11520 頁
 . 註冊: 4489
 . 失蹤: 6
#5 : 2016-8-3 02:38 PM     只看本作者 引言回覆

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



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


 . 積分: 131
 . 文章: 402
 . 收花: 1059 支
 . 送花: 1006 支
 . 比例: 0.95
 . 在線: 1953 小時
 . 瀏覽: 9220 頁
 . 註冊: 5477
 . 失蹤: 0
#6 : 2016-8-3 03:00 PM     只看本作者 引言回覆

盪鞦韆部份就做的不好


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


 . 積分: 288
 . 文章: 1025
 . 收花: 2274 支
 . 送花: 1955 支
 . 比例: 0.86
 . 在線: 4043 小時
 . 瀏覽: 19610 頁
 . 註冊: 4241
 . 失蹤: 0
#7 : 2016-8-4 10:25 AM     只看本作者 引言回覆

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

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



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

 . 積分: 1087
 . 文章: 3800
 . 收花: 8781 支
 . 送花: 891 支
 . 比例: 0.1
 . 在線: 2112 小時
 . 瀏覽: 41991 頁
 . 註冊: 4561
 . 失蹤: 0
 . 信義之星
#8 : 2016-8-6 09:36 AM     只看本作者 引言回覆

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


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

快速回覆
表情符號

更多 Smilies

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

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


 



所在時區為 GMT+8, 現在時間是 2017-5-28 10:17 PM
清除 Cookies - 連絡我們 - TWed2k © 2001-2046 - 純文字版 - 說明
Discuz! 0.1 | Processed in 0.020850 second(s), 6 queries , Qzip disabled