整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
calable Multiframe Kit是一組非常棒的fcpx插件，可以自定義隨意拖拽邊款的視頻分屏動(dòng)畫，這個(gè)動(dòng)畫響應(yīng)式網(wǎng)格布局的分屏包一次顯示多個(gè)視頻或照片。該套件的一個(gè)獨(dú)特功能是可以調(diào)整每個(gè)視頻幀的大小并為其設(shè)置動(dòng)畫！非常適合任何多屏幕或多幀視頻、網(wǎng)絡(luò)研討會(huì)記錄、簡(jiǎn)短介紹、活動(dòng)宣傳、音樂視頻、新聞/美食視頻或流記錄，擁有2-9屏布局。
詳情盡在：https://www.macz.com/cj/14698.html?id=ODE3NDU1Jl8mMjcuMTg3LjIyNi44MA%3D%3D
是否遇到過需要看一篇超級(jí)長(zhǎng)的文章，看到文章結(jié)尾已經(jīng)完全忘記開頭講的什么；或者需要在同一篇文章的不同段落進(jìn)行內(nèi)容對(duì)比，想要同時(shí)看兩個(gè)段落，采用同時(shí)打開兩個(gè)標(biāo)簽頁，單獨(dú)拉伸瀏覽器大小的方法又很麻煩，而且一切換軟件，無法自動(dòng)回到分屏的頁面，知道君教你一招，用小書簽的方式，簡(jiǎn)單快速的實(shí)現(xiàn)瀏覽器分屏，切換方便！
javascript： document.write('<HTML><HEAD></HEAD><FRAMESET COLS=\'50%25,*\'><FRAME SRC=' + location.href + '><FRAME SRC=' + location.href + '></FRAMESET></HTML>')第一步：打開任意瀏覽器，添加書簽，書簽名任意輸入；
第二步：修改書簽地址；
第三步：將后文提供的代碼，粘貼到地址欄；
第四步：點(diǎn)擊剛才我們創(chuàng)建的書簽看看效果。
在一言不合就做H5，最好什么都用上。全景、重力感應(yīng)、多點(diǎn)觸控，對(duì)，一定得加上。那個(gè)逼格滿點(diǎn)的雙屏互動(dòng)，呃，雙屏互動(dòng)只能默默裝個(gè)逼。這個(gè)寶寶不服，扒了扒10個(gè)最新的【雙屏互動(dòng)】案例，相信一定會(huì)刷新你的想法的。
雙屏互動(dòng) x 創(chuàng)意H5 x 互動(dòng)營銷
雙屏互動(dòng)優(yōu)秀H5 1
品客薯片：品客組隊(duì)大戰(zhàn)僵尸
點(diǎn)擊查看案例詳情：http://www.digitaling.com/projects/19703.html
小編有話說：全球占有率第一的薯片“品客”與騰訊旗下CF手游跨界合作，目標(biāo)受眾群很精準(zhǔn)，愛吃薯片愛打游戲的年輕人。在內(nèi)容上，高度還原了CF手游的游戲場(chǎng)景，連“左手瞄準(zhǔn)”“右手扔雷”的基本操作方式也還原了，為H5的傳播爭(zhēng)取到相當(dāng)一部分玩家，品客薯片則是作為手雷出現(xiàn)，桶裝造型結(jié)合起這個(gè)創(chuàng)意很形象。在形式上，支持單人玩法和雙人玩法，雙人模式中一人負(fù)責(zé)裝彈藥（薯片），一人負(fù)責(zé)打怪。這種模擬第一人稱的手游H5，雖然沒有原生APP那么流暢，但做到這種程度已經(jīng)相當(dāng)不錯(cuò)了。
雙屏互動(dòng)優(yōu)秀H5 2
KAPPA：天生一對(duì)
點(diǎn)擊查看案例詳情：http://www.digitaling.com/projects/13724.html
小編有話說：這個(gè)春聯(lián)的H5在猴年春節(jié)特別火，創(chuàng)意來源于人們?cè)谶^節(jié)中喜聞樂見的對(duì)春聯(lián)活動(dòng)，用雙屏互動(dòng)的形式展現(xiàn)出來，不可謂不創(chuàng)新。一部手機(jī)打開H5后，會(huì)出現(xiàn)二維碼，讓第二部手機(jī)掃描，策劃上流程簡(jiǎn)單：首先第一部手機(jī)出上聯(lián)，第二部手機(jī)在手機(jī)上出現(xiàn)的三幅對(duì)聯(lián)選擇一個(gè)對(duì)下聯(lián)，接著第二部手機(jī)變成出上聯(lián)方，第一部手機(jī)對(duì)下聯(lián)，循環(huán)往復(fù)90秒，最后系統(tǒng)算出兩人的般配程度。
雙屏互動(dòng)優(yōu)秀H5 3
新華社：集齊雙屏看媒體人的腦洞工廠
點(diǎn)擊查看案例詳情：http://www.digitaling.com/projects/19705.html
小編有話說：“國字頭”H5本來就不多，更何況還是雙屏互動(dòng)H5，這值得仔細(xì)分析，說不定其中就潛藏著我國新媒體未來的趨勢(shì)呢。新華社的這則H5旨在宣傳由它發(fā)起的全媒平臺(tái)。打開H5，就能看到邀請(qǐng)好友加入的明顯提示，第二部手機(jī)掃描后，兩機(jī)有一個(gè)同時(shí)關(guān)聯(lián)服務(wù)器的內(nèi)部操作，目的是保證動(dòng)畫播放同步性；在創(chuàng)意上，左屏是資訊者的一天，右屏是媒體人的一天，場(chǎng)景中還穿插了紙飛機(jī)飛過、人物奔跑等需要雙屏配合的場(chǎng)景，視覺效果還是不錯(cuò)的。
雙屏互動(dòng)優(yōu)秀H5 4
JuiceUp：你敢在辦公室里變瘦嗎？
小編有話說：不經(jīng)常玩H5的朋友，可能會(huì)被這個(gè)調(diào)皮的H5“騙”到哦。選擇“敢”，會(huì)有一個(gè)身材窈窕的女子出現(xiàn)，點(diǎn)擊想瘦的位置，就能進(jìn)入互動(dòng)環(huán)節(jié)——和手機(jī)上的美女做運(yùn)動(dòng)，做完才有果汁喝。這里其實(shí)運(yùn)用了重力感應(yīng)，稍微動(dòng)動(dòng)手機(jī)就能激活屏幕下方的果汁，每完成一次，還有可愛的鼓勵(lì)文愛為你加油。最后的分享環(huán)節(jié)以雙屏互動(dòng)進(jìn)行，朋友掃碼后要完成一個(gè)“倒果汁”的動(dòng)作，才能完成分享，以活動(dòng)價(jià)購得果汁。
雙屏互動(dòng)優(yōu)秀H5 5
GIMC：更廣闊的天空
小編有話說：其實(shí)這是個(gè)招聘的H5，沒想到吧？以職場(chǎng)人加班加到想跳槽，黑心老板不讓走為創(chuàng)意點(diǎn)，開啟一段互動(dòng)小游戲，可以單打獨(dú)斗，也可以與老板約戰(zhàn)，在規(guī)定的10s內(nèi)，分別向上/向下滑動(dòng)，系統(tǒng)會(huì)自動(dòng)算分，最后會(huì)顯示結(jié)果頁面。整體來看，設(shè)計(jì)和交互都沒問題，但就是場(chǎng)景有點(diǎn)怪，誰跳槽前會(huì)通知老板，還任性到再打一個(gè)手游再?zèng)Q定要不要走？
雙屏互動(dòng)優(yōu)秀H5 6
賓利：巔峰之作，賓利添越SUV
點(diǎn)擊查看案例詳情：http://www.digitaling.com/projects/19706.html
小編有話說：自從上次的全景H5花了500萬的新聞爆出后（真假待證實(shí)），賓利這次聯(lián)手男人裝又來刷存在感了。雙屏互動(dòng)的手機(jī)賽車游戲，啟動(dòng)頁面后，選擇車體顏色，就會(huì)彈出互動(dòng)二維碼，另一臺(tái)手機(jī)掃描后，會(huì)先經(jīng)過游戲介紹、選擇場(chǎng)景等步驟，就能開始雙車互飆，不停點(diǎn)擊屏幕能加快行駛速度，從頭到尾完全沒有卡頓，體驗(yàn)已經(jīng)和在電腦操作上基本無異，玩的很爽。
雙屏互動(dòng)優(yōu)秀H5 7
動(dòng)壹科技：ICE CAKE
小編有話說：雙屏互動(dòng)其實(shí)是個(gè)比較寬泛的概念，通過有線或無線的網(wǎng)絡(luò)環(huán)境，讓不同終端進(jìn)行多媒體內(nèi)容的傳輸、展示、交互，凡符合此類型都可以歸為雙屏互動(dòng)。這個(gè)案例連接的是手機(jī)和電腦，鏈接先在電腦打開，會(huì)生成一個(gè)專屬二維碼和六位數(shù)字，在手機(jī)上掃描并驗(yàn)證后，傾斜手機(jī)就能將手機(jī)里的冰塊倒在電腦中的杯子里。這里的原理是手機(jī)與網(wǎng)頁連接后，數(shù)據(jù)通信通過監(jiān)聽手機(jī)的陀螺儀并將動(dòng)作反饋給電腦。
雙屏互動(dòng)優(yōu)秀H5 8
百度錢包：你眼中圣誕節(jié)最美的樣子
點(diǎn)擊查看案例詳情：http://www.digitaling.com/projects/16501.html
小編有話說：由于雙屏互動(dòng)的場(chǎng)景延展性，所以經(jīng)常被用在場(chǎng)景拼合，最常見的是運(yùn)用到情人節(jié)的H5營銷。百度錢包這個(gè)創(chuàng)意，通過第二臺(tái)手機(jī)掃描二維碼，可以看到晴天、雪天、雨天三種不同場(chǎng)景的拼合效果，流星跨屏、傳遞雨傘、男孩現(xiàn)身，所有的效果必須要用兩臺(tái)手機(jī)才能觀看，單身如小編我，只能默默拿出了測(cè)試機(jī)。
雙屏互動(dòng)優(yōu)秀H5 9
網(wǎng)易新聞：二分之一的生活
點(diǎn)擊查看案例詳情：http://www.digitaling.com/projects/16493.html
小編有話說：來自于網(wǎng)易的年終策劃，雖然是雞湯，但喝一碗還是挺補(bǔ)的，支持單機(jī)和雙機(jī)兩種方式觀看。很喜歡這則H5的名字，“二分之一的生活”，把雙屏的概念表達(dá)出來了，通過進(jìn)一步觀看，了解到是兩個(gè)時(shí)代不同兩代人的生活對(duì)比，上一代為了能分到房，這一代為了能在大城市里站穩(wěn)腳跟，各自都在努力。采用手繪風(fēng)的設(shè)計(jì)風(fēng)格，符合目標(biāo)對(duì)象的大眾審美。
雙屏互動(dòng)優(yōu)秀H5 10
蒙牛：一滴奶，邂逅愛
小編有話說：這個(gè)H5好少女心，看一遍就蘇化了。第二臺(tái)手機(jī)掃碼后，兩部手機(jī)同時(shí)加載到100%時(shí)，會(huì)有搖一搖的提示，搖動(dòng)手機(jī)，放置在桌面，跳動(dòng)的音符會(huì)幻化成花瓣，從右邊的手機(jī)慢慢飛入左邊的屏幕，然后組成心形，一盒蒙牛就在畫面中央，整體感覺十分唯美。花瓣部分采用了canvas動(dòng)畫，素材上壓縮的很小，加載起來很流暢。
-END-
無非創(chuàng)意，H5研究創(chuàng)作團(tuán)隊(duì)與案例資訊分享平臺(tái)
更多精彩案例敬請(qǐng)關(guān)注「無非創(chuàng)意」公眾號(hào)（ID：wufaecy）
文章來源：數(shù)英網(wǎng)
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
