哈浮飞行相机 X1

<!DOCTYPE HTML>   <html class="cn ">  <head>  <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="Ouk5fkGQP0CTwdePSWpgomPLjMnI4PvXcHK606Na"/> <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" />  <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-hoverair-43e8bfae77.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>  <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>  </head> <body>  <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>  <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>  <div class="right--content">  <div class="header__menu lang"> <div class="country__choose" @click="showBox">  <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">  <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 v-for="country in countryList[0].countries" class="langpart" @click="toEuOther(country)">{{country.name}}</div> </div> </div>  <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>  <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>  <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-hoverair-c4c3770b24.js"> <div class="index_content" id="indexHoverair">  <div class="index__hoverair__pc"> <div class="section__head__screen"> <div class="swiper-container header-swiper" id="header-swiper-pc">  <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="swiper-wrapper"> <div class="swiper-slide">  <img class="bg" src="https://static.gethover.com/build/images/home/head_bg-14ac92f035.jpg" alt="哈浮飞行相机 X1"> <div class="header-content"> <img class="logo" src="https://static.gethover.com/build/images/home/hover_logo-6bd5c408ac.png" alt="哈浮飞行相机"> <p>飞行相机开创者</p>  </div> </div> <div class="swiper-slide">  <img class="bg" src="https://static.gethover.com/build/images/home/head_bg4-0c1f1d3551.jpg" alt="哈浮飞行相机 X1"> </div> <div class="swiper-slide"> <img class="bg" src="https://static.gethover.com/build/images/home/head_bg2-19075612fa.jpg" alt="哈浮飞行相机 X1">   <div class="header-content header-content-x1pro"> <img class="logo" src="https://static.gethover.com/build/images/home/x1pro_promax_header_logo-5c5293abf3.png" alt="哈浮飞行相机 X1 PRO ｜ PRO MAX"> <p>8K 运动飞行相机</p>  </div> </div> <div class="swiper-slide"> <img class="bg" src="https://static.gethover.com/build/images/home/head_bg3-510ab919d3.jpg" alt="哈浮飞行相机 X1">   <div class="header-content header-content-x1"> <img class="logo" src="https://static.gethover.com/build/images/home/x1_header_logo-ee8af45750.png" alt="哈浮飞行相机 X1"> <p>拍人更好看的飞行相机</p>  </div> </div> </div> </div> </div> <div class="section__feature__introduce"> <div class="section1-swiper"> <div class="swiper-pagination"></div> <div class="swiper-wrapper"> <div class="swiper-slide">  <videoprogress-com dom-name="vjs-feature0" poster-src="https://static.gethover.com/build/images/home/feature/fold-695a0044d2.png" video-src="https://static.gethover.com/build/images/home/feature/fold-acc931ba7b.mp4"></videoprogress-com> <div class="swiper-content"> <h3>轻巧可折叠</h3> <p>比手机更轻，轻松装进口袋<a class="more" title="了解更多" href="/hoverx1">了解更多<span class="arrow"></span></a></p> </div> </div> <div class="swiper-slide">  <videoprogress-com dom-name="vjs-feature1" poster-src="https://static.gethover.com/build/images/home/feature/takeoff-e3248ff814.png" video-src="https://static.gethover.com/build/images/home/feature/takeoff-65076dc14b.mp4"></videoprogress-com> <div class="swiper-content"> <h3>0 门槛手掌起降</h3> <p>无需遥控器， 3 秒掌心起飞<a class="more" title="了解更多" href="/hoverx1">了解更多<span class="arrow"></span></a></p> </div> </div> <div class="swiper-slide">  <videoprogress-com dom-name="vjs-feature2" poster-src="https://static.gethover.com/build/images/home/feature/follow-de0747fb6b.png" video-src="https://static.gethover.com/build/images/home/feature/follow-b86cd5c69b.mp4"></videoprogress-com> <div class="swiper-content"> <h3>AI 全自动拍摄</h3> <p>多种 AI 智能拍摄轨迹，Get 电影级运镜<a class="more" title="了解更多" href="/hoverx1">了解更多<span class="arrow"></span></a></p> </div> </div> <div class="swiper-slide">  <videoprogress-com dom-name="vjs-feature3" poster-src="https://static.gethover.com/build/images/home/feature/wrap-b3cf8aa3fe.png" video-src="https://static.gethover.com/build/images/home/feature/wrap-f58fbd4674.mp4"></videoprogress-com> <div class="swiper-content"> <h3>全包裹边框</h3> <p>全方位守护飞行安全<a class="more" title="了解更多" href="/hoverx1">了解更多<span class="arrow"></span></a></p> </div> </div> <div class="swiper-slide">  <videoprogress-com dom-name="vjs-feature4" poster-src="https://static.gethover.com/build/images/home/feature/stable-61d7f2f4e9.png" video-src="https://static.gethover.com/build/images/home/feature/stable-3731f1e3a6.mp4"></videoprogress-com> <div class="swiper-content"> <h3>三重稳像，丝滑成片</h3> <p>机械云台稳像，EIS 电子增稳，地平线增稳<a class="more" title="了解更多" href="/hoverx1">了解更多<span class="arrow"></span></a></p> </div> </div> </div> </div> </div> <div class="section__products"> <div class="product x1promax"> <img class="logo" src="https://static.gethover.com/build/images/home/x1promax_logo-0f9255da5e.png" alt="哈浮飞行相机 X1 PRO MAX"> <p class="content">8K 运动飞行相机</p> <div class="btns">  <a class="btn buynow" title="立即购买" href="https://detail.tmall.com/item.htm?spm=a21dvs.23580594.0.0.4fee2c1bDP235E&id=839342626549" target="_blank"> 立即购买 <span class="arrow"></span> </a> </div> </div> <div class="product x1pro"> <img class="logo" src="https://static.gethover.com/build/images/home/x1pro_logo-0092ff336a.png" alt="哈浮飞行相机 X1 PRO"> <p class="content">运动飞行相机</p> <div class="btns">  <a class="btn buynow" title="立即购买" href="https://detail.tmall.com/item.htm?spm=a21dvs.23580594.0.0.4fee2c1bDP235E&id=839342626549" target="_blank"> 立即购买 <span class="arrow"></span> </a> </div> </div> <div class="product x1"> <img class="logo" src="https://static.gethover.com/build/images/home/x1_logo-0e3b0f9afe.png" alt="哈浮飞行相机 X1"> <p class="content">拍人更好看的飞行相机</p> <div class="btns"> <a class="btn more" title="了解更多" href="/hoverx1"> 了解更多 <span class="arrow arrow-white"></span> </a> <a class="btn buynow" title="立即购买" href="https://detail.tmall.com/item.htm?spm=a21dvs.23580594.0.0.4fee2c1bzY24eB&id=693357204917" target="_blank"> 立即购买 <span class="arrow"></span> </a> </div> </div> </div> <div class="section__our__stories"> <h2 class="title">我们的精彩瞬间</h2> <div class="slideshow" v-cloak> <div class="images"> <div v-for="(index,item) in ourStoriesList" class="img-item" v-on:mouseenter="handleMouseenter(this, index)" v-on:mouseleave="handleMouseleave(this, index)"> <div class="mask"></div> <p>{{item.title}}</p> <video :id="'story'+index" :poster="item.poster" class="" :src="item.src" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" muted loop></video> <videoprogresscircle-com :dom-name="'story'+index"></videoprogresscircle-com> </div> <div v-for="(index,item) in ourStoriesList.slice(0,6)" class="img-item" v-on:mouseenter="handleMouseenter(this, index+100)" v-on:mouseleave="handleMouseleave(this, index+100)"> <div class="mask"></div> <p>{{item.title}}</p> <video :id="'story'+(index+100)" :poster="item.poster" class="" :src="item.src" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" muted loop></video> <videoprogresscircle-com :dom-name="'story'+(index+100)"></videoprogresscircle-com> </div> </div> </div> </div> <div class="section__about__us" v-cloak> <h2 class="title">关于我们</h2> <p>“哈浮”作为零零科技 2022 年创立的飞行相机全新品牌，是从短视频时代用户和消费需求切入，<span>开创的全新品类：飞行相机</span>。<br/>同时发布的首款产品<span>“哈浮飞行相机 X1”</span>，其首创折叠设计，整机仅 <span>125g</span>、开机即可<span>手掌起飞</span>，彻底解放双手的<span>零门槛操作</span>设计，<br/><span>内置悬停、跟随、环绕、渐远和俯拍等智能运镜模式</span>，一经推出就获得了大量关注，<br/>并斩获 <span>Red Dot 德国红点产品奖、美国 IDEA 工业设计奖、金芦苇工业设计金奖</span>等多个国际大奖。</p> <a class="learn__more" href='https://www.zerozerorobotics.com#aboutUs'>了解更多<span class="arrow"></span></a> </div> </div> <div class="index__hoverair__mb"> <div class="section__head__screen"> <div class="swiper-container header-swiper" id="header-swiper-mb"> <div class="swiper-pagination"></div> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="https://static.gethover.com/build/images/home/head_bg_mb-1903f90f42.jpg" alt="哈浮飞行相机 X1"> <div class="header-content"> <img class="logo" src="https://static.gethover.com/build/images/home/hover_logo-6bd5c408ac.png" alt="哈浮飞行相机 X1"> <p>飞行相机开创者</p> </div>  </div> <div class="swiper-slide"> <img src="https://static.gethover.com/build/images/home/head_bg_mb4-f273596387.jpg" alt="哈浮飞行相机 X1"> </div> <div class="swiper-slide"> <img src="https://static.gethover.com/build/images/home/head_bg_mb2-c0012c1538.jpg" alt="哈浮飞行相机 X1"> <div class="header-content header-content-x1pro"> <img class="logo" src="https://static.gethover.com/build/images/home/x1pro_promax_header_logo-5c5293abf3.png" alt="哈浮飞行相机 X1"> <p>8K 运动飞行相机</p> </div> </div> <div class="swiper-slide"> <img src="https://static.gethover.com/build/images/home/head_bg_mb3-b58edaadc3.jpg" alt="哈浮飞行相机 X1"> <div class="header-content header-content-x1"> <img class="logo" src="https://static.gethover.com/build/images/home/x1_header_logo-ee8af45750.png" alt="哈浮飞行相机 X1"> <p>拍人更好看的飞行相机</p> </div> </div> </div> </div> </div> <div class="section__products"> <div class="product x1promax"> <img class="logo" src="https://static.gethover.com/build/images/home/x1promax_logo-0f9255da5e.png" alt="哈浮飞行相机X1 PROMAX"> <p class="content">8K 运动飞行相机</p> <div class="btns"> <a class="btn buynow" title="立即购买" href="https://detail.tmall.com/item.htm?spm=a21dvs.23580594.0.0.4fee2c1bDP235E&id=839342626549" target="_blank"> 立即购买 <span class="arrow"></span> </a>  </div> </div> <div class="product x1pro"> <img class="logo" src="https://static.gethover.com/build/images/home/x1pro_logo-0092ff336a.png" alt="哈浮飞行相机X1 PRO"> <p class="content">运动飞行相机</p> <div class="btns"> <a class="btn buynow" title="立即购买" href="https://detail.tmall.com/item.htm?spm=a21dvs.23580594.0.0.4fee2c1bDP235E&id=839342626549" target="_blank"> 立即购买 <span class="arrow"></span> </a>  </div> </div> <div class="product x1"> <img class="logo" src="https://static.gethover.com/build/images/home/x1_logo-0e3b0f9afe.png" alt="哈浮飞行相机 X1"> <p class="content">拍人更好看的飞行相机</p> <div class="btns"> <a class="btn more" title="了解更多" href="/hoverx1"> 了解更多 <span class="arrow arrow-white"></span> </a> <a class="btn buynow" title="立即购买" href="https://shop.m.taobao.com/shop/shop_index.htm?sellerId=2215035563139&shopId=352645821&inShopPageId=363963216&pathInfo=shop/index2" target="_blank"> 立即购买 <span class="arrow"></span> </a> </div> </div> </div> <div class="section__feature__introduce"> <div class="feature-box"> <div class="feature-item"> <p class="title" @click="dropDownFeature(0)">轻巧可折叠<span class="drop"></span></p> <div class="details"> <p>比手机更轻，轻松装进口袋</p> <videoprogress-com dom-name="vjs-feature0" poster-src="https://static.gethover.com/build/images/home/feature/fold-695a0044d2.png" video-src="https://static.gethover.com/build/images/home/feature/fold-acc931ba7b.mp4"></videoprogress-com> </div> </div> <div class="feature-item"> <p class="title" @click="dropDownFeature(1)">0 门槛手掌起降<span class="drop"></span></p> <div class="details"> <p>无需遥控器， 3 秒掌心起飞</p> <videoprogress-com dom-name="vjs-feature1" poster-src="https://static.gethover.com/build/images/home/feature/takeoff-e3248ff814.png" video-src="https://static.gethover.com/build/images/home/feature/takeoff-65076dc14b.mp4"></videoprogress-com> </div> </div> <div class="feature-item"> <p class="title" @click="dropDownFeature(2)">AI 全自动拍摄<span class="drop"></span></p> <div class="details"> <p>多种 AI 智能拍摄轨迹，Get 电影级运镜</p> <videoprogress-com dom-name="vjs-feature2" poster-src="https://static.gethover.com/build/images/home/feature/follow-de0747fb6b.png" video-src="https://static.gethover.com/build/images/home/feature/follow-b86cd5c69b.mp4"></videoprogress-com> </div> </div> <div class="feature-item"> <p class="title" @click="dropDownFeature(3)">全包裹边框<span class="drop"></span></p> <div class="details"> <p>全方位守护飞行安全</p> <videoprogress-com dom-name="vjs-feature3" poster-src="https://static.gethover.com/build/images/home/feature/wrap-b3cf8aa3fe.png" video-src="https://static.gethover.com/build/images/home/feature/wrap-f58fbd4674.mp4"></videoprogress-com> </div> </div> <div class="feature-item"> <p class="title" @click="dropDownFeature(4)">三重稳像，丝滑成片<span class="drop"></span></p> <div class="details"> <p>机械云台稳像，EIS 电子增稳，地平线增稳</p> <videoprogress-com dom-name="vjs-feature4" poster-src="https://static.gethover.com/build/images/home/feature/stable-61d7f2f4e9.png" video-src="https://static.gethover.com/build/images/home/feature/stable-3731f1e3a6.mp4"></videoprogress-com> </div> </div> </div> </div> <div class="section__our__stories"> <h2 class="title">我们的精彩瞬间</h2> <div class="slideshow" v-cloak> <div class="images"> <div v-for="(index,item) in ourStoriesList" class="img-item" v-on:mouseenter="handleMouseenter(this, index)" v-on:mouseleave="handleMouseleave(this, index)" @click="handleClickMobile(this, index)" > <div class="mask"></div> <p class="stories-title">{{item.title}}</p> <video :id="'storymb'+index" :poster="item.poster" class="" :src="item.src" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" muted loop></video> <videoprogresscircle-com :dom-name="'storymb'+index"></videoprogresscircle-com> </div> <div v-for="(index,item) in ourStoriesList.slice(0,6)" class="img-item" v-on:mouseenter="handleMouseenter(this, index+100)" v-on:mouseleave="handleMouseleave(this, index+100)" @click="handleClickMobile(this, index+100)"> <div class="mask"></div> <p class="stories-title">{{item.title}}</p> <video :id="'storymb'+(index+100)" :poster="item.poster" class="" :src="item.src" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" muted loop></video> <videoprogresscircle-com :dom-name="'storymb'+(index+100)"></videoprogresscircle-com> </div> </div> </div> </div> <div class="section__about__us"> <h2 class="title">关于我们<a class="learn__more" href='https://www.zerozerorobotics.com#aboutUs'>了解更多<span class="arrow"></span></a></h2> <p>“哈浮”作为零零科技 2022 年创立的飞行相机全新品牌，是从短视频时代用户和消费需求切入，<span>开创的全新品类：飞行相机</span>。<br/>同时发布的首款产品<span>“哈浮飞行相机 X1”</span>，其首创折叠设计，整机仅 <span>125g</span>、开机即可<span>手掌起飞</span>，彻底解放双手的<span>零门槛操作</span>设计，<span>内置悬停、跟随、环绕、渐远和俯拍等智能运镜模式</span>，一经推出就获得了大量关注，并斩获 <span>Red Dot 德国红点产品奖、美国 IDEA 工业设计奖、金芦苇工业设计金奖</span>等多个国际大奖。</p> </div> </div> </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 swiperMb1 = new Swiper('#header-swiper-mb', { loop: true, autoplay: { delay: 5000, disableOnInteraction: false, }, pagination: { el: '.swiper-pagination', clickable: true } }); var section2Swiper = new Swiper('.section2-swiper', { loop: true, // allowTouchMove: false, spaceBetween: 24, slidesPerView: 'auto', speed: 4000, autoplay: { // pauseOnMouseEnter: true, delay: 1000, disableOnInteraction: false, stopOnLastSlide: false, } }); // swiper1.on('slideChange', function (swiper) { // console.log(this.activeIndex); // document.getElementById('vjs-swiper'+this.previousIndex).currentTime = 0; // document.getElementById('vjs-swiper'+this.activeIndex).play(); // }); // 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>  </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">帮助&支持</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  |  <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>  </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://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)">帮助&支持<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>©️ 深圳零零科技有限公司  |  <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>  <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>  <script src="https://static.gethover.com/build/js/lib/rotate/jqueryRotate-6136b8c542.js"></script>  <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>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TXZKD65" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <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>   <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>  </html>

CINXE.COM

哈浮飞行相机 X1