RSS   

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

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


 


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

十週年紀念徽章(四級)  

 . 積分: 14051
 . 精華: 14
 . 文章: 11191
 . 收花: 130508 支
 . 送花: 5675 支
 . 比例: 0.04
 . 在線: 8252 小時
 . 瀏覽: 75216 頁
 . 註冊: 5387
 . 失蹤: 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
天堂的惡魔

 . 積分: 308
 . 文章: 2479
 . 收花: 1063 支
 . 送花: 578 支
 . 比例: 0.54
 . 在線: 2336 小時
 . 瀏覽: 22685 頁
 . 註冊: 5374
 . 失蹤: 0
#2 : 2016-8-2 09:51 PM     只看本作者 引言回覆

只有全聯才能超越全聯


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


今日心情

 . 積分: 345
 . 文章: 622
 . 收花: 3145 支
 . 送花: 1833 支
 . 比例: 0.58
 . 在線: 1634 小時
 . 瀏覽: 6380 頁
 . 註冊: 3264
 . 失蹤: 0
#3 : 2016-8-2 10:05 PM     只看本作者 引言回覆

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


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

今日心情

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

十週年紀念徽章(二級)  

今日心情

 . 積分: 1949
 . 文章: 4701
 . 收花: 17430 支
 . 送花: 14405 支
 . 比例: 0.83
 . 在線: 1964 小時
 . 瀏覽: 11420 頁
 . 註冊: 4400
 . 失蹤: 0
#5 : 2016-8-3 02:38 PM     只看本作者 引言回覆

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



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


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

盪鞦韆部份就做的不好


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


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

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

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



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

 . 積分: 1086
 . 文章: 3798
 . 收花: 8778 支
 . 送花: 891 支
 . 比例: 0.1
 . 在線: 2108 小時
 . 瀏覽: 41891 頁
 . 註冊: 4472
 . 失蹤: 2
 . 信義之星
#8 : 2016-8-6 09:36 AM     只看本作者 引言回覆

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


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

快速回覆
表情符號

更多 Smilies

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

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


 



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