CINXE.COM

哈浮飞行相机 X1

<!DOCTYPE HTML> <!--[if IE ]> <html class="cn ie--brow"> <![endif]--> <!--[if !(IE)]><!--> <html class="cn "> <!--<![endif]--> <head> <!--[if IE]> <script> location.href="/browser-update"; </script> <![endif]--> <script> // 如果是ie就跳转 if (!!window.ActiveXObject || "ActiveXObject" in window) { location.href="/browser-update"; } </script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="baidu-site-verification" content="6ikDVFjrIh" /> <meta name="csrf-token" content="bKdskR561vOvlTDBVio87SwYA6pS4sfZ9vJCxRg9"/> <meta name="keywords" content="哈浮相机, 哈浮飞行相机, 哈浮飞行相机 X1, Hover, Hover Camera, 零零科技, 无人机"/> <meta name="description" content="Hover Camera X1,让世界看见我"/> <link rel="stylesheet" href="https://static.gethover.com/build/css/hoverui-d8d4f4db81.css"> <meta property="og:url" content="https://thehover.com"/> <meta property="og:title" content="零零科技" /> <meta property="og:description" content="Hover Camera X1,让世界看见我" /> <meta property="og:image" content="https://static.gethover.com/build/images/new/og-img-4dcc1d7dcd.jpg" /> <meta property="fb:app_id" content="841215786013066" /> <!-- twitter --> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@zerozerorobotics" /> <meta name="twitter:title" content="零零科技" /> <meta name="twitter:description" content="Hover Camera X1,让世界看见我" /> <meta name="twitter:image" content="https://static.gethover.com/build/images/new/og-img-4dcc1d7dcd.jpg"/> <meta name="google-site-verification" content="FckMP5wAuzfUHG4ayAmYTgnZBBiyAeo9z_x1bc_62M8" /> <meta name="facebook-domain-verification" content="c86n0g4pu7x83kzkqurb9z9hrtwb3i" /> <meta name="googlebot" content="noindex"> <script> // 根据屏幕宽度初始化页面html根font-size; var docEl = document.documentElement, gStyleType = null; // 手持方向改变 or 屏幕宽度变化*/ // resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'; recalc = function() { // 屏幕宽度*/ var clientWidth = docEl.clientWidth, clientHeight = docEl.clientHeight; if (!clientWidth) { return; } if(clientWidth >= 768){ gStyleType = 'pc'; }else { gStyleType = 'mobile'; } docEl.style.fontSize = 40 * (clientWidth / 640) + 'px'; }; recalc(); window.onresize = function() { recalc(); }; window.onorientationchange = function() { recalc(); }; </script> <script src="https://static.gethover.com/build/distjs/base-e57f6be808.js"></script> <title>哈浮飞行相机 X1</title> <link rel="stylesheet" type="text/css" href="https://static.gethover.com/build/css/pc/index-hoverX1-af3d513611.css"> <script src="https://static.gethover.com/build/distjs/app/indexPage-ec42852fb4.js"></script> <link rel="stylesheet" href="https://static.gethover.com/build/css/plugins/video-js-a2cff8de6f.min.css"> <link rel="stylesheet" href="https://static.gethover.com/build/css/plugins/idangerous-26c92f1366.swiper.4.4.1.min.css"> <script src="https://static.gethover.com/build/js/lib/swiper/idangerous-c78e8d2443.swiper.min.4.4.1.js"></script> <link rel="stylesheet" href="https://static.gethover.com/build/css/plugins/videojs-resolution-switcher-ed311cf86b.css"> <script src="https://static.gethover.com/build/js/lib/touch/hammer-1506598149.min.js"></script> <script> var hcGlobal = { component:{ cart:true, account: true, }, serviceRegion:'zh', ipIsChina: true, isCheck:false, isMobile: false, isPc: true, isTablet: false, isWeixin: false, email: "", device: "Windows", isIE: isIE(), appUrl:"https://zerozero.tech", currentCountryName: '中国大陆', locale:"zh", country:"cn", buyNowLink:"/hover-camera-passport?type=buynow", appleConfigs:false, buyNowLinkNewTab:true, paypalDiscountOpenIndex:false, paypalDiscountOpen: false, eduDiscountOpen: false, } function isIE() { var win = window; var doc = win.document; var input = doc.createElement ("input"); //"!win.ActiveXObject" is evaluated to true in IE11 if (win.ActiveXObject === undefined) return null; if (!win.XMLHttpRequest) return 6; if (!doc.querySelector) return 7; if (!doc.addEventListener) return 8; if (!win.atob) return 9; if (!input.dataset) return 10; return 11; }; </script> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '520359845005562'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=520359845005562&ev=PageView&noscript=1" /></noscript> <!-- End Facebook Pixel Code --> </head> <body> <!--3adec0aa8270}--> <div class="header" id="header"> <div class="visible__pc"> <div class="pc__header__new"> <div class="pc-header--content"> <a class="logo" href="/" title="零零科技"></a> <div class="header_menus"> <!-- 选择国家菜单 --> <div class="header__menu lang"> <div class="country__choose" @click="showBox"> <p class="cCountry">中国</p> <img class="earth" src="https://static.gethover.com/build/images/home/earth-46567c3ce6.png" alt=""> </div> <div class="popup--bg country-popup" id="country-popup" v-cloak> <div class="popup--box popup__box--shadow"> <div class="popup--content"> <div class="maskframeClose"> <img class="shut" @click="hideBox" src="https://static.gethover.com/build/images/home/close-51503fb450.png" alt="" > </div> <div class="title">请选择您所在的国家/地区</div> <div class="maskframeModal"> <div class="provincebox"> <!-- 名字部分 --> <div class="province"> <div class="provincePart active" v-bind:class="areaTabChoose==0?'active':''" @click="tobeChoose(0)"> <div class="provincePartCenter"> <img class="rightImg" src="https://static.gethover.com/build/images/home/us_canada-874ac599ea.png" alt="" > <div class="name">美国/加拿大</div> </div> </div> <div class="provincePart" v-bind:class="areaTabChoose==1?'active':''" @click="tobeChoose(1)"> <div class="provincePartCenter"> <img class="rightImg" src="https://static.gethover.com/build/images/home/europe-bce39646f7.png" alt="" > <div class="name">欧洲</div> </div> </div> <div class="provincePart" v-bind:class="areaTabChoose==2?'active':''" @click="tobeChoose(2)"> <div class="provincePartCenter"> <img class="rightImg" src="https://static.gethover.com/build/images/home/asia-da86d21944.png" alt="" > <div class="name">亚太地区</div> </div> </div> </div> <!-- 动态tab --> <div class="detail"> <div v-if="areaTabChoose==0" class="tabList" style="display: flex;"> <div v-for="country in countryList[0].countries" class="tabpart" @click="toEuOther(country)">{{country.name}}</div> </div> <div v-if="areaTabChoose==1" class="tabList"> <div v-for="country in countryList[1].countries" class="tabpart" @click="toEuOther(country)">{{country.name}}</div> </div> <div v-if="areaTabChoose==2" class="tabList"> <div v-for="country in countryList[2].countries" class="tabpart" @click="toEuOther(country)">{{country.name}}</div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 账号菜单及子菜单 --> <div class="header__menu" > <div class="menu account"> <span class="header-person" @click="toggleAccountlist('sign-in-up','/account/sign-in-up')"></span> </div> </div> <div class="buynow"> <a class="btn btn-rounded main buynow" id="buynow-btn" title="购买">购买</a> <div class="buynow-box" id="buynow-box"> <a class="buynow-tmall" href="https://hovercamera.tmall.com/index.htm" title="天猫旗舰店" target="_blank"> <img src="https://static.gethover.com/build/images/falcon/header/tmall-63b59368ff.png" alt=""> 天猫旗舰店 </a> <span class="line"></span> <a class="buynow-zzshop" href="https://mall.jd.com/index-1000092583.html" title="京东旗舰店" target="_blank"> <img src="https://static.gethover.com/build/images/falcon/header/jingdong-a02f6c75a3.png" alt=""> 京东旗舰店 </a> </div> </div> </div> </div> </div> </div> <div class="visible__mobile"> <div class="mobile__header__new"> <div class="mobile-header--content"> <div class="border--content"> <a class="logo" href="/" title="零零科技"></a> <!-- <a class="nav icon-nav-header" v-on:click="toggleNavlist" title="nav"></a> --> <div class="right--content"> <!-- 选择国家菜单 --> <div class="header__menu lang"> <div class="country__choose" @click="showBox"> <!-- <img class="earth" src="https://static.gethover.com/build/images/home/earth-46567c3ce6.png" alt=""> --> <span class="earth"></span> </div> <div class="popup--bg country-popup" id="country-popup-mb" v-cloak> <div class="maskframeModal"> <div class="popup--content"> <div class="popup--header"> <div class="maskframeClose"> <img class="shut" @click="hideBox" src="https://static.gethover.com/build/images/home/close-51503fb450.png" alt=""> </div> <div class="title">请选择您所在的国家/地区</div> </div> <div class="contrybox"> <!-- US and Canada --> <div class="contrypart"> <div class="top"> <div class="left"> <img src="https://static.gethover.com/build/images/home/us_canada-874ac599ea.png" alt="" width="42" height="42"> </div> <div class="right"> <div class="name">美国/加拿大</div> <div class="count">2 sites</div> </div> <div class="showLang" @click="langShow(0)"> <img class="langCount" src="https://cdn.shopify.com/s/files/1/0891/9796/9711/files/dropdown.png?v=1722234394" alt="" width="10" height="18" > </div> </div> <div class="langList"> <!-- <div class="langpart Canada" @click="toEuOther('US and Canada','Canada')">Canada</div> <div class="langpart United States" @click="toEuOther('US and Canada','United States')">United States</div> --> <div v-for="country in countryList[0].countries" class="langpart" @click="toEuOther(country)">{{country.name}}</div> </div> </div> <!-- Europe --> <div class="contrypart"> <div class="top"> <div class="left"> <img src="https://static.gethover.com/build/images/home/europe-bce39646f7.png" alt="" width="42" height="42" > </div> <div class="right"> <div class="name">欧洲</div> <div class="count">30 sites</div> </div> <div class="showLang" @click="langShow(1)"> <img class="langCount" src="https://cdn.shopify.com/s/files/1/0891/9796/9711/files/dropdown.png?v=1722234394" alt="" width="10" height="18" > </div> </div> <div class="langList"> <div v-for="country in countryList[1].countries" class="langpart" @click="toEuOther(country)">{{country.name}}</div> </div> </div> <!-- Asia Pacific --> <div class="contrypart"> <div class="top"> <div class="left"> <img src="https://static.gethover.com/build/images/home/asia-da86d21944.png" alt="" width="42" height="42"> </div> <div class="right"> <div class="name">亚太地区</div> <div class="count">4 sites</div> </div> <div class="showLang" @click="langShow(2)"> <img class="langCount" src="https://cdn.shopify.com/s/files/1/0891/9796/9711/files/dropdown.png?v=1722234394" alt="" width="10" height="18"> </div> </div> <div class="langList"> <div v-for="country in countryList[2].countries" class="langpart" @click="toEuOther(country)">{{country.name}}</div> </div> </div> <!-- Australia --> <div class="contrypart" style="display:none;"> <div class="top"> <div class="left"> <img src="https://cdn.shopify.com/s/files/1/0891/9796/9711/files/Australia.png?v=1722230855" alt="" width="42" height="42"> </div> <div class="right"> <div class="name">Australia</div> <div class="count">1 site</div> </div> <div class="showLang" @click="langShow(3)"> <img class="langCount" src="https://cdn.shopify.com/s/files/1/0891/9796/9711/files/dropdown.png?v=1722234394" alt="" width="10" height="18"> </div> </div> <div class="langList"> <div class="langpart" @click="toEuOther('eu','Australia')">Australia</div> </div> </div> </div> </div> </div> </div> </div> <!-- 账号菜单及子菜单 --> <div class="header__menu"> <span class="header-person" @click="toggleAccountlist('sign-in-up','/account/sign-in-up')"></span> </div> <a class="buynow" @click="showBuynowBox()" title="购买">购买</a> <div class="buynow-box" id="buynow-box-mb"> <div class="buynow-mask"></div> <div class="buynow-confirm"> <h3>请选择购物平台</h3> <div class="buynow-content"> <div class="tmall-box"> <a class="buynow-tmall" href="https://shop.m.taobao.com/shop/shop_index.htm?sellerId=2215035563139&shopId=352645821&inShopPageId=434481235&pathInfo=shop/index2" title="天猫旗舰店" target="_blank"> <img class="tmall-img" src="https://static.gethover.com/build/images/falcon/header/tmall_mb-7073ed255e.png" alt=""> </a> <p>天猫旗舰店</p> </div> <div class="jd-box"> <a class="buynow-jd" href="https://mall.jd.com/index-1000092583.html" title="京东旗舰店" target="_blank"> <img class="jd-img" src="https://static.gethover.com/build/images/falcon/header/jd_mb-af5bd11fb5.png" alt=""> </a> <p>京东旗舰店</p> </div> </div> </div> <div class="close-btn" @click="closeBuynowBox()"></div> </div> </div> </div> </div> </div> </div> </div> <div class="wrapper showcase__load" id="wrapper" data-serviceRegion="zh" data-login=""> <div class="content__hover" data-js="https://static.gethover.com/build/distjs/app/index-hoverX1-8d59ad868e.js"> <div class="index_content" id="indexPc"> <div class="product__video"> <template v-if="videoShow"> <videopop-com :prop-video-info="videoInfo"></videopop-com> </template> </div> <div class="section__head__screen"> <div class="title"> <img class="logo" src="https://static.gethover.com/build/images/hoverX1/index/logo-c7e4b03a0c.png" alt="哈浮飞行相机 X1" title="哈浮飞行相机 X1"> <div class="play__button" v-on:click="showVideo('indexVideo')"> <img src="https://static.gethover.com/build/images/hoverX1/index/play_header-dbe24cb566.png" alt="play"> </div> </div> <div class="swiper-container header-swiper"> <div class="swiper-pagination"></div> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="https://static.gethover.com/build/images/hoverX1/index/header_swiper1-91bf11a642.jpg" alt="哈浮相机"> </div> <div class="swiper-slide"> <img src="https://static.gethover.com/build/images/hoverX1/index/header_swiper2-75a8686742.jpg" alt="哈浮相机"> </div> </div> </div> </div> <div class="section__feature__introduce"> <div class="feature__list"> <ul> <li> <img src="https://static.gethover.com/build/images/hoverX1/index/light_icon-3dafe515ce.png" alt="轻巧随身"> <p>轻巧随身</p> </li> <li> <img src="https://static.gethover.com/build/images/hoverX1/index/off_icon-45610f773b.png" alt="手掌起降"> <p>手掌起降</p> </li> <li> <img src="https://static.gethover.com/build/images/hoverX1/index/trajectory_icon-40b14e096f.png" alt="智能轨迹"> <p>智能轨迹</p> </li> <li> <img src="https://static.gethover.com/build/images/hoverX1/index/follow_icon-fd1dfdced1.png" alt="焦点跟随"> <p>焦点跟随</p> </li> <li> <img src="https://static.gethover.com/build/images/hoverX1/index/stable_icon-721f2a91c8.png" alt="三重稳像"> <p>三重稳像</p> </li> <li> <img src="https://static.gethover.com/build/images/hoverX1/index/preview_icon-d405ccdc2b.png" alt="实时预览"> <p>实时预览</p> </li> <li> <img src="https://static.gethover.com/build/images/hoverX1/index/border_icon-9049cd09fe.png" alt="安全边框"> <p>安全边框</p> </li> <li> <img src="https://static.gethover.com/build/images/hoverX1/index/video_icon-a33d10c248.png" alt="一键下载"> <p>一键下载</p> </li> </ul> </div> <p class="intro__content"> 哈浮飞行相机 X1,全新定义的飞行相机,拍人更好看的生活跟拍摄影师;用独特的空中视角,记录生活中的人、声、景,让世界看见更生动的你。 </p> </div> <!-- 轻量化 --> <div class="section__item"> <div class="feature-intro"> <div class="subtitle"> <img src="https://static.gethover.com/build/images/hoverX1/index/subtitle/light-00459da790.png" alt="轻量化"> </div> <h2 class="title">折叠小巧,<br/>便携入包。</h2> <p class="detail">哈浮飞行相机(Hover Camera)X1 超轻机身设计,整机 125 克,比手机轻。折叠后可以轻松手握,放进包包毫无压力。轻装上阵,即刻出发!</p> </div> <div class="feature-video"> <img data-src="https://static.gethover.com/build/images/hoverX1/index/feature_light-35b8e711fa.jpg" alt="轻量化"> </div> </div> <!-- 易上手 --> <div class="section__item"> <div class="feature-intro"> <div class="subtitle"> <img src="https://static.gethover.com/build/images/hoverX1/index/subtitle/simple-998b9764f6.png" alt="易上手"> </div> <h2 class="title">操控 0 门槛,<br/>3 秒起飞。</h2> <p class="detail">手掌起降,机身按键轻松控制。简洁的操作流程设计,点选模式即可起飞,一秒上手。随时拍摄记录不迟疑,轻松成就大片。</p> </div> <div class="feature-video cursor"> <iframe src="https://static.gethover.com/build/images/hoverX1/index/media/feature_simple.mp4" frameborder="0"></iframe> <!-- <img data-src="https://static.gethover.com/build/images/hoverX1/index/feature_simple-866d1b41cc.jpg" alt="易上手"> --> </div> </div> <!-- 空中视角 --> <div class="section__item"> <div class="feature-intro"> <div class="subtitle"> <img src="https://static.gethover.com/build/images/hoverX1/index/subtitle/view-dfe49e9661.png" alt="空中视角"> </div> <h2 class="title">全新视角,<br/>拍点高级的。</h2> <p class="detail">解锁空中视角,丢掉刻板自拍,解放双手。全新空中轨迹和第三人称视角,帮你完成取景和构图,美景和同伴通通框入镜头里,人人能出镜,个个都上镜。</p> </div> <div class="feature-video cursor" v-on:click="showVideo('viewVideo')"> <img data-src="https://static.gethover.com/build/images/hoverX1/index/feature_view-fedce01257.jpg" alt="空中视角"> </div> </div> <!-- 安全保护 --> <div class="section__item"> <div class="feature-intro"> <div class="subtitle"> <img src="https://static.gethover.com/build/images/hoverX1/index/subtitle/safe-0c66618dae.png" alt="安全保护"> </div> <h2 class="title">软性桨叶,<br/>安全边框。</h2> <p class="detail">桨叶创新采用 Biobased 生物基材,高弹耐用,安全环保;更有全保护边框加持,起飞降落都能贴心保护手指安全。</p> </div> <div class="feature-video cursor" v-on:click="showVideo('safeVideo')"> <img data-src="https://static.gethover.com/build/images/hoverX1/index/feature_safe-a7bacdd165.jpg" alt="安全保护"> </div> </div> <!-- 智能轨迹 --> <div class="section__item section__item_zngj"> <div class="feature-intro"> <div class="subtitle"> <img src="https://static.gethover.com/build/images/hoverX1/index/subtitle/moving-a834c3b759.png" alt="智能轨迹"> </div> <h2 class="title">多种智能运镜模式,超出片。</h2> <p class="detail">提供多种预设拍摄轨迹,一键轻点选择模式,就能自动起飞开拍,让你秒变大片主角。</p> </div> <div class="swiper-container section__item_swiper"> <div class="swiper-pagination"></div> <div class="swiper-wrapper"> <div class="swiper-slide"> <img class="cursor" data-src="https://static.gethover.com/build/images/hoverX1/index/feature_hover-0978d3dc42.jpg" alt="悬停拍摄" v-on:click="showVideo('hoverVideo')"> <div class="play__button" v-on:click="showVideo('hoverVideo')"> <img src="https://static.gethover.com/build/images/hoverX1/index/play-3f518be5ff.png" alt="play"> </div> <p class="detail">手掌放飞后,Hover 停止坐标移动,镜头随着主角的位置移动而跟随旋转,始终将主角框在画面中。</p> </div> <div class="swiper-slide"> <img class="cursor" data-src="https://static.gethover.com/build/images/hoverX1/index/feature_away-23e3b109bc.jpg" alt="渐远退飞" v-on:click="showVideo('awayVideo')"> <div class="play__button" v-on:click="showVideo('awayVideo')"> <img src="https://static.gethover.com/build/images/hoverX1/index/play-3f518be5ff.png" alt="play"> </div> <p class="detail">Hover 智能识别主角,然后由近及远向高处飞行,拍摄视野层层放大。</p> </div> <div class="swiper-slide"> <img class="cursor" data-src="https://static.gethover.com/build/images/hoverX1/index/feature_orbit-381c2f065e.jpg" alt="行星环绕" v-on:click="showVideo('orbitVideo')"> <div class="play__button" v-on:click="showVideo('orbitVideo')"> <img src="https://static.gethover.com/build/images/hoverX1/index/play-3f518be5ff.png" alt="play"> </div> <p class="detail">Hover 智能识别主角,并保持镜头始终对准主角,自动环绕主角进行拍摄。</p> </div> <div class="swiper-slide"> <img class="cursor" data-src="https://static.gethover.com/build/images/hoverX1/index/feature_follow-4300889cd2.jpg" alt="运动跟随" v-on:click="showVideo('followVideo')"> <div class="play__button" v-on:click="showVideo('followVideo')"> <img src="https://static.gethover.com/build/images/hoverX1/index/play-3f518be5ff.png" alt="play"> </div> <p class="detail">Hover 近身跟拍,将主角始终框在 C 位,无论怎么动都能精准跟随,不错过任何精彩瞬间。</p> </div> <div class="swiper-slide"> <img class="cursor" data-src="https://static.gethover.com/build/images/hoverX1/index/feature_high-268ee9d5a2.jpg" alt="冲天俯拍" v-on:click="showVideo('highVideo')"> <div class="play__button" v-on:click="showVideo('highVideo')"> <img src="https://static.gethover.com/build/images/hoverX1/index/play-3f518be5ff.png" alt="play"> </div> <p class="detail">Hover 垂直或螺旋上升,并向下俯瞰,将主角置于广阔的美景中,带来极具冲击力的视觉效果。</p> </div> </div> </div> </div> <!-- 即刻分享 --> <div class="section__item section__item_jkfx"> <div class="feature-intro"> <div class="subtitle"> <img src="https://static.gethover.com/build/images/hoverX1/index/subtitle/share-03b622090d.png" alt="即刻分享"> </div> <h2 class="title">一键出片,<br/>分享快人一步。</h2> <p class="detail">通过 Hover X1 App 视频模板功能,拍摄的同时自动完成速度剪辑、添加配乐和滤镜,成片快速导出到手机,省时高效。在社交圈脱颖而出的惊艳大作,就看你的。</p> </div> <div class="feature-video"> <img data-src="https://static.gethover.com/build/images/hoverX1/index/feature_share-884c55dc24.jpg" alt="即刻分享"> </div> </div> <!-- 精准定位 --> <div class="section__item"> <div class="feature-intro"> <div class="subtitle"> <img src="https://static.gethover.com/build/images/hoverX1/index/subtitle/location-2821d8b3e1.png" alt="精准定位"> </div> <h2 class="title">厘米级精度的飞行&ldquo;定位器&rdquo;。</h2> <p class="detail">配备了先进的 VIO(视觉惯性里程计)技术和 ToF 激光定高系统,让 Hover Camera X1 在飞行过程中能够实现厘米级精度的精准运镜。</p> </div> <div class="feature-video"> <img data-src="https://static.gethover.com/build/images/hoverX1/index/feature_location-aebb2d14d6.gif" alt="精准定位"> </div> </div> <!-- 三重稳像 --> <div class="section__item"> <div class="feature-intro"> <div class="subtitle"> <img src="https://static.gethover.com/build/images/hoverX1/index/subtitle/stable-fa98310bf5.png" alt="三重稳像"> </div> <h2 class="title">机械与电子协同,<br/>稳上加稳。</h2> <p class="detail">强大的云台增稳和电子增稳技术,拍摄时同时启动水平校正,随你在画面中肆意跑动,都能拍出质感爆棚的稳定画面。</p> </div> <div class="feature-video"> <img data-src="https://static.gethover.com/build/images/hoverX1/index/feature_stable-c73547e327.gif" alt="三重稳像"> </div> </div> <!-- 随拍随看 --> <div class="section__item section__item_full"> <div class="feature-intro"> <div class="subtitle"> <img src="https://static.gethover.com/build/images/hoverX1/index/subtitle/preview-0eeb6efc33.png" alt="随拍随看"> </div> <h2 class="title">实时预览,<br/>定格瞬间。</h2> <p class="detail">App 可实时预览拍摄画面,时刻查看取景和构图角度、画面质量和内容;还可切换单拍和连拍,定格精彩的每一幕。</p> </div> <div class="feature-video"> <img data-src="https://static.gethover.com/build/images/hoverX1/index/preview_img-abe2efcca1.jpg" alt="随拍随看"> </div> </div> <!-- 底部购买模块 --> <div class="section__bottom"> <p class="title">时尚配色 颜值与实力兼得</p> <div class="color__choose"> <div class="left"> <img data-src="https://static.gethover.com/build/images/hoverX1/index/jade-a8dec70b4b.jpg" alt="Jade"> <p>脂玉白</p> </div> <div class="right"> <img data-src="https://static.gethover.com/build/images/hoverX1/index/carbon-7da33dd94d.png" alt="Carbon"> <p>碳素黑</p> </div> </div> <div class="feature"> <span class="feature-info">轻巧随身</span> <span class="feature-info">智能轨迹</span> <span class="feature-info">手掌起降</span> <span class="feature-info">焦点跟随</span> <span class="feature-info">三重稳像</span> <span class="feature-info">实时预览</span> <span class="feature-info">安全边框</span> <span class="feature-info">一键下载</span> </div> <div class="buy"> <p class="price">&yen;2299 起</p> <a class="buy-btn" href="http://hovercamera.tmall.com/index.htm" rel="nofollow" target="_blank"> <img src="https://static.gethover.com/build/images/hoverX1/index/buy_btn-8c34874a6e.png" alt="立即购买"> </a> </div> </img> </div> </div> <script> // 获取所有图片 const imgList = document.querySelectorAll('img[data-src]') // 用于记录当前显示到了哪一张图片 let index = 0; function lazyload() { // 获取浏览器视口高度,这里写在函数内部是考虑浏览器窗口大小改变的情况 const viewPortHeight = window.innerHeight || document.documentElement.clientHeight for (let i = index; i < imgList.length; i++) { // 这里用可视区域高度减去图片顶部距离可视区域顶部的高度 const distance = viewPortHeight - imgList[i].getBoundingClientRect().top; // 如果可视区域高度大于等于元素顶部距离可视区域顶部的高度,即 distance >= 0,说明图片已经出现在了视口范围内 // 设置 提前半屏加载 if (distance >= -viewPortHeight / 2) { // 给图片赋值真实的src,展示图片 imgList[i].src = imgList[i].getAttribute('data-src'); // 移除属性,下次不再遍历 imgList[i].removeAttribute('data-src') // 前i张图片已经加载完毕,下次从第i+1张开始检查是否需要显示 index = i + 1; } } } // 定义一个节流函数 function throttle(fn, delay = 500) { let timer = null; return function (...args) { if (timer) return; timer = setTimeout(() => { fn.apply(this, args); timer = null; }, delay); }; } // 页面加载完成执行一次lazyload,渲染第一次打开的网页视口内的图片 window.onload = lazyload(); // 监听Scroll事件,为了防止频繁调用,使用节流函数进行优化 window.addEventListener("scroll", throttle(lazyload, 600)); // 浏览器窗口大小改变时重新计算 window.addEventListener("resize", throttle(lazyload, 600)); var swiper1 = new Swiper('.header-swiper', { autoplay: { delay: 5000, disableOnInteraction: false }, loop : true, pagination: { el: '.swiper-pagination', clickable: true } }); var swiper2 = new Swiper('.section__item_swiper', { pagination: { el: '.swiper-pagination', clickable: true, renderBullet: function (index, className) { switch(index) { case 0: return `<span class="${className}">悬停拍摄</span>`; case 1: return `<span class="${className}">渐远退飞</span>`; case 2: return `<span class="${className}">行星环绕</span>`; case 3: return `<span class="${className}">运动跟随</span>`; case 4: return `<span class="${className}">冲天俯拍</span>`; } } } }); </script> <div id="footer"> <div class="footer visible__pc" > <div class="content"> <div class="content-links"> <!-- 产品列表 --> <div class="product"> <p class="title">关于产品</p> <p><a href='https://detail.tmall.com/item.htm?spm=a21dvs.23580594.0.0.4fee2c1bDP235E&id=839342626549' title="哈浮飞行相机 X1 PRO" target="_blank">哈浮飞行相机 X1 PRO</a></p> <p><a href="https://detail.tmall.com/item.htm?spm=a21dvs.23580594.0.0.4fee2c1bDP235E&id=839342626549" title="哈浮飞行相机 X1 PROMAX" target="_blank">哈浮飞行相机 X1 PROMAX</a></p> <p><a href="/hoverx1" title="哈浮飞行相机 X1">哈浮飞行相机 X1</a></p> <!-- <p><a href="/" title="HOVERAir X1 Smart">HOVERAir X1 Smart</a></p> --> </div> <!-- 购买商店 --> <div class="product"> <p class="title">购买商店</p> <p><a href="https://hovercamera.tmall.com/index.htm" title="天猫商城" target="_blank">天猫商城</a></p> <p><a href="https://mall.jd.com/index-1000092583.html" title="京东商城" target="_blank">京东商城</a></p> </div> <!-- 客户中心 --> <div class="costomer-care"> <p class="title">帮助&amp;支持</p> <!-- <p><a href="/care" title="ZZ Care 安心飞">ZZ Care 安心飞</a></p> --> <p><a href="/support" title="产品支持">产品支持</a></p> <p><a href="/terms" title="使用条款">使用条款</a></p> <p><a href="/privacy" title="隐私政策">隐私政策</a></p> <p><a href="/support/warranty" title="售后政策">售后政策</a></p> </div> <!-- 关于 --> <div class="our-company"> <p class="title">关于</p> <p><a @click="trackGoogleEvent('contact_us', 'footer-ContactUs')" href="/support/contact-us" title="联系我们">联系我们</a></p> <p><a href='https://www.zerozerorobotics.com#aboutUs' title="关于零零">关于零零</a></p> <p> <a target="_blank" href="https://app.mokahr.com/apply/zerozero#/?_k=f27r4j" title="加入我们">加入我们</a> </p> </div> <!-- 社交媒体 --> <div class="share--platform"> <p class="title">社交媒体</p> <p class="weixin__share"><a href='/' title="微信">微信</a><img src="https://static.gethover.com/build/images/hoverX1/weixin_code-c3090af990.jpg" alt="微信" /></p> <p><a href="https://www.douyin.com/user/MS4wLjABAAAACnEBsq_3PbUE-Xhvf_NRejPLU2d3nkTQtkOqRUkEiog4CLooszP33qpupsVxVy3y" title="抖音">抖音</a></p> <p><a href="https://www.xiaohongshu.com/user/profile/61ea1bd2000000002102238c" title="小红书">小红书</a></p> </div> </div> <!-- 其他 --> <div class="other"> <!-- 版权 --> <div class="copyright"> <p>©️2023 Zero Zero Robotics &nbsp;|&nbsp; <a href="https://beian.miit.gov.cn" title="icp" rel="nofollow">粤ICP备16023465号</a></p> </div> </div> </div> </div> <div class="footer--mobile visible__mobile" id="footer"> <div class="content"> <div class="bottom-list"> <!-- 产品列表 --> <div class="bottom-item product"> <p class="title" onclick="dropDownDetails(0)">关于产品<span class="drop"></span></p> <div class="content-box"> <p><a href='https://detail.tmall.com/item.htm?spm=a21dvs.23580594.0.0.4fee2c1bDP235E&id=839342626549' target="_blank" title="哈浮飞行相机 X1 PRO">哈浮飞行相机 X1 PRO</a></p> <p><a href="https://detail.tmall.com/item.htm?spm=a21dvs.23580594.0.0.4fee2c1bDP235E&id=839342626549" target="_blank" title="哈浮飞行相机 X1 PROMAX">哈浮飞行相机 X1 PROMAX</a></p> <p><a href="/hoverx1" title="哈浮飞行相机 X1">哈浮飞行相机 X1</a></p> <!-- <p><a href="/" target="_blank" title="HOVERAir X1 Smart">HOVERAir X1 Smart</a></p> --> </div> </div> <!-- 购买商店 --> <div class="bottom-item product"> <p class="title" onclick="dropDownDetails(1)">购买商店<span class="drop"></span></p> <div class="content-box"> <!-- <p><a href='https://detail.tmall.com/item.htm?spm=a21dvs.23580594.0.0.4fee2c1bDP235E&id=839342626549' title="官方商城">官方商城</a></p> --> <p><a href="https://shop.m.taobao.com/shop/shop_index.htm?sellerId=2215035563139&shopId=352645821&inShopPageId=434481235&pathInfo=shop/index2" title="天猫商城">天猫商城</a></p> <p><a href="https://mall.jd.com/index-1000092583.html" title="京东商城">京东商城</a></p> </div> </div> <!-- 帮助支持 --> <div class="bottom-item costomer-care"> <p class="title" onclick="dropDownDetails(2)">帮助&amp;支持<span class="drop"></span></p> <div class="content-box"> <p><a href="/support" title="产品支持">产品支持</a></p> <p><a href="/terms" title="使用条款">使用条款</a></p> <p><a href="/privacy" title="隐私政策">隐私政策</a></p> <p><a href="/support/warranty" title="售后政策">售后政策</a></p> </div> </div> <!-- 了解我们 --> <div class="bottom-item our-company"> <p class="title" onclick="dropDownDetails(3)">了解我们<span class="drop"></span></p> <div class="content-box"> <p><a @click="trackGoogleEvent('contact_us', 'footer-ContactUs')" href="/support/contact-us" title="联系我们">联系我们</a></p> <p><a href='https://www.zerozerorobotics.com#aboutUs' title="关于零零">关于零零</a></p> <p><a target="_blank" href="https://app.mokahr.com/apply/zerozero#/?_k=f27r4j" title="加入我们">加入我们</a></p> </div> </div> <!-- 社交媒体 --> <div class="bottom-item share--platform"> <p class="title" onclick="dropDownDetails(4)">社交媒体<span class="drop"></span></p> <div class="content-box"> <p class="weixin__share"><a title="微信">微信</a><img src="https://static.gethover.com/build/images/hoverX1/weixin_code-c3090af990.jpg" alt="微信" /></p> <p><a href="https://www.douyin.com/user/MS4wLjABAAAACnEBsq_3PbUE-Xhvf_NRejPLU2d3nkTQtkOqRUkEiog4CLooszP33qpupsVxVy3y" title="抖音">抖音</a></p> <p><a href="https://www.xiaohongshu.com/user/profile/61ea1bd2000000002102238c" title="小红书">小红书</a></p> </div> </div> </div> <script> var dropDownDetails = function(index) { console.log(index); var bottom = document.querySelectorAll('.bottom-item'); console.log(bottom[index]); var content = bottom[index].querySelector('.content-box'); var drop = bottom[index].querySelector('.drop'); console.log($(content)); if (content.className.includes('show')) { content.classList.remove('show'); $(content).slideUp(); drop.style.transform = 'rotate(0deg)'; } else { content.classList.add('show'); $(content).slideDown(); drop.style.transform = 'rotate(-180deg)'; } } </script> <!-- 其他 --> <div class="other"> <!-- 版权 --> <div class="copyright"> <p>©️ 深圳零零科技有限公司 &nbsp;|&nbsp; <a href="https://beian.miit.gov.cn" title="icp" rel="nofollow">粤ICP备16023465号</a></p> </div> </div> <div style="clear:both"></div> </div> </div> </div> <template v-if="showLoginpop" transition="popup__bg--show"> <loginpop-com :show-loginpop.sync="showLoginpop" :direct-url.sync="directUrl"></loginpop-com> </template> </div> <!-- ptengine --> <script type="text/javascript"> window._pt_lt = new Date().getTime(); window._pt_sp_2 = []; _pt_sp_2.push('setAccount,4c34a0c8'); var _protocol = (("https:" == document.location.protocol) ? " https://" : " http://"); (function() { var atag = document.createElement('script'); atag.type = 'text/javascript'; atag.async = true; atag.src = _protocol + 'js.ptengine.cn/pta.js'; var stag = document.createElement('script'); stag.type = 'text/javascript'; stag.async = true; stag.src = _protocol + 'js.ptengine.cn/pts.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(atag, s); s.parentNode.insertBefore(stag, s); })(); </script> </body> <script src="https://static.gethover.com/build/distjs/requireConfig-d9c9496581.js"></script> <!--3adec0aa8270--> <script src="https://static.gethover.com/build/js/lib/rotate/jqueryRotate-6136b8c542.js"></script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',"GTM-TXZKD65");</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TXZKD65" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- 谷歌统计 Code --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create',"UA-70872252-5", 'auto'); // Updates the tracker to use `navigator.sendBeacon` if available. ga('set', 'transport', 'beacon'); // 创建 checkout 页面跟踪器 ga('create', "UA-70872252-5", 'auto', 'checkoutTracker'); ga('send', 'pageview'); // 加载电子商务插件 ga('checkoutTracker.require', 'ecommerce'); // 定义checkout send事件 function googleTrackCheckout(id,affiliation,revenue,shipping,tax){ // 配置要发送的数据 ga('checkoutTracker.ecommerce:addTransaction', { 'id': id, // Transaction ID. Required. 'affiliation': affiliation, // Affiliation or store name. 'revenue': revenue, // Grand Total. 'shipping': shipping, // Shipping. 'tax': tax // Tax. }); // 发送数据 ga('checkoutTracker.ecommerce:send'); } // 定义发送事件统计回调函数 超时处理 function createFunctionWithTimeout(callback, opt_timeout) { var called = false; function fn() { if (!called) { called = true; callback(); } } setTimeout(fn, opt_timeout || 1000); return fn; } // 监听点击触发动作事件 video playbannerVideo function googleTrackClickEvent(eventCategory,eventAction,eventLabel,hitCallback){ if(typeof(hitCallback) === "function"){ ga('send', { hitType: 'event', eventCategory: eventCategory, eventAction: eventAction, eventLabel: eventLabel, hitCallback: createFunctionWithTimeout(hitCallback) }); }else { ga('send', { hitType: 'event', eventCategory: eventCategory, eventAction: eventAction, eventLabel: eventLabel }); } } function googleTrackSubscribe(){ ga('send', 'event', 'footer-subscribe', 'subscribe', 'Hover Camera subscribe'); } function googleTrackWaitlist(){ ga('send', 'event', 'waitlist', 'success', 'Hover Camera waitlist'); } </script> <!-- End 谷歌统计 Code --> <!-- 百度统计 Code --> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?bce815e660dffa0d7dbce480a04be1b9"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!-- End 百度统计 Code --> </html>

Pages: 1 2 3 4 5 6 7 8 9 10