<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>够威体育</title>
    <meta name="Keywords" content="够威体育,足球拍摄,赛事拍摄,智能拍摄,足球比赛拍摄,足球赛事直播,智慧球场,自动拍摄,自动跟拍,场馆升级改造,无人值守球场,远程拍摄,足球数据分析,足球大数据,比赛数据分析,球员数据分析,视频分析">
    <meta name="Description" content="足球赛事拍摄,人工智能拍摄,专业足球赛事直播,专业足球拍摄,专业足球直播服务,够威体育文化,AI拍摄,体育运动摄影,足球比赛直播,无人值守场馆,够威体育科技,智慧场馆,智慧足球场,追踪足球">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/media.css">
    <link rel="stylesheet" href="./css/videojs.min.css">
    <link rel="icon" href="goalv.ico" type="image/x-icon">
    <script src="./js/videojs.min.js"></script>
    <script src="./js/jquery.min.js"></script>
</head>

<body>
  <div class="nav min-width clearfix">
      <a href="/" class="logo fl"><img src="./images/logo@2x.png" alt=""></a>
      <div class="menu fr">
        <a href="#demo">案例</a>
        <a href="#do">技术</a>
        <a href="#superiority">优势</a>
        <a href="#share">小程序</a>
        <a href="#solution">商业方案</a>
        <a href="#footer">联系我们</a>
        <div class="menu-close-btn">
          <img src="./images/close.png" alt="">
        </div>
      </div>
      <div class="menu-ctrol">
        <img src="./images/menu.png" alt="">
      </div>
  </div>
  <div class="banner ">
      <img src="./images/banner@2x.jpg" alt="">
      <div class="content">
          <p>够威体育</p>
          <p>打造球场可视化理想解决方案</p>
          <p class="desc">Provide comprehensive solution for visualization of soccer fields. </p>
      </div>
      <a href="#demo">了解更多</a>
  </div>
  <div class="demo" id="demo">
    <h2 class="title">视频案例</h2>
    <p class="desc-title">DEMO</p>
    <div class="video1 play-btn" data-id="0">
      <img src="./images/video1@2x.png" alt="">
    </div>
    <div class="clearfix">
      <div class="video2 fl play-btn" data-id="1">
        <img src="./images/video2@2x.png" alt="">
      </div>
      <div class="video3 fl play-btn" data-id="2">
        <img src="./images/video3@2x.png" alt="">
      </div>
    </div>
  </div>
  <div class="do" id="do">
    <h2 class="title">我们如何做到的</h2>
    <p class="desc-title">HOW CAN WE DO THAT</p>
    <ul class="clearfix">
      <li>
        <img src="./images/do1@2x.png" alt="">
        <p>超广角全景拍摄</p>
        <p>捕捉每一个精彩细节</p>
      </li>
      <li>
          <img src="./images/do2@2x.png" alt="">
          <p>运用成熟的人工智能技术</p>
          <p>多角度输出专业级足球电视直播的画面</p>
      </li>
      <li>
          <img src="./images/do3@2x.png" alt="">
          <p>强大的AR技术</p>
          <p>打破传统足球技战术讲解方式</p>
      </li>
    </ul>
  </div>
  <div class="superiority" id="superiority">
      <h2 class="title">我们的优势</h2>
      <p class="desc-title">WHY CHOOSE US</p>
      <ul class="clearfix">
        <li>
          <img src="./images/su1@2x.png" alt="">
          <p>全平台直播</p>
          <p>我们支持所有主流直播平台。</p>
        </li>
        <li>
          <img src="./images/cunchu@2x.png" alt="">
          <p>多媒体存储</p>
          <p>所有球赛视频都会存储在云端，用户可以随时随地观看视频或者下载。</p>
        </li>
        <li>
          <img src="./images/su3@2x.png" alt="">
          <p>数据采集分析</p>
          <p>无人工干预，无需穿戴设备，实时生成每一个球员的个人运动数据，并且通过可视化的方式更好的呈现数据给教练。</p>
        </li>
        <li>
          <img src="./images/shexiangji@2x.png" alt="">
          <p>最佳观赏角度</p>
          <p>高位摄像头，给观众更广阔的视野。一次安装，24小时无人值守自动拍摄并且风雨无阻。</p>
        </li>
        <li>
          <img src="./images/xiaochengxux@2x.png" alt="">
          <p>分享精彩时刻</p>
          <p>通过我们的够威小程序一键开启设备拍摄，记录并且分享每一个精彩时刻。未来将支持在线约队，场地预约以及群收款支付场地费用。</p>
        </li>
        <li>
          <img src="./images/biaozhu@2x.png" alt="">
          <p>AR视频标注</p>
          <p>通过标注球员距离、跑动路线、阵型转换、跑动距离等专业的运动数据，帮助球员更好的理解比赛，并支持智能剪辑，一键生成视频集锦。</p>
        </li>
      </ul>
  </div>
  <div class="share" id="share">
    <h2 class="title">用视频分享你对足球的态度</h2>
    <p class="desc-title">SHARE YOUR FOOTBALL LIFE WITH FOOTAGE</p>
    <p class="text">让每场球赛都可以重看，让每个精彩进球都被完整并且多角度的记录下来。让每个人都可以方便快捷的与人分享属于自己的精彩瞬间！</p>
    <div class="content">
        <img class="img" src="./images/share-bg@2x.png" alt="">
        <img class="share-qrcode" src="./images/qrcode2.jpg" alt="">
    </div>
  </div>
  <div class="solution" id="solution">
    <h2 class="title">商业方案</h2>
    <p class="desc-title">BUSINESS SOLUTIONS </p>
    <img class="solution-bg" src="./images/solution-bg@2x.jpg" alt="">
    <div class="tags clearfix">
      <div class="tag fl active">职业俱乐部</div>
      <div class="tag fl">校园</div>
      <div class="tag fl">商业球场</div>
    </div>
    <div class="club-container">
      <ul class="clearfix">
        <li class="clearfix">
          <div class="club-container-block club-container-block1">
            <div class="img-wrap">
              <img src="./images/julebu1@2x.png" alt="">
            </div>
            <p>教练端专业技战术分析AR标注系统每场比赛或者训练都能进行视频复盘</p>
          </div>
          <div class="club-container-block club-container-block2">
            <div class="img-wrap">
              <img src="./images/julebu4@2x.png" alt="">
            </div>
            <p>智能剪辑，对比赛中每个关键事件进行打点标记并且支持一键智能生成视频集锦</p>
          </div>
        </li>
        <li class="clearfix">
          <div class="club-container-block club-container-block3">
            <div class="img-wrap">
              <img src="./images/julebu2@2x.png" alt="">
            </div>
            <p >多视角视频呈现，直播视角以外还可选球门后视角，让教练员更直观地解读比赛</p>
          </div>
          <div class="club-container-block club-container-block4">
            <div class="img-wrap">
              <img src="./images/julebu5@2x.png" alt="">
            </div>
            <p>AR广告标注，在场地上加队标或者赞助商LOGO，让比赛更具有商业价值</p>
          </div>
        </li>
        <li class="clearfix">
          <div class="club-container-block club-container-block5">
            <div class="img-wrap">
              <img src="./images/julebu3@2x.png" alt="">
            </div>
            <p>专业的比赛数据以及球员体能数据分析软件，每场比赛都能进行数据分析和统计</p>
          </div>
          <div class="club-container-block club-container-block6">
            <div class="img-wrap">
              <img src="./images/julebu6@2x.png" alt="">
            </div>
            <p>球员数据库，对球员成长数据以及比赛视频进行自动归类存档，本地化储存安全可靠</p>
          </div>
        </li>
      </ul>
    </div>
    <div class="campus-container">
      <p class="campus-container-text">一套系统解决校园多应用场景的理想解决方案，可以用于校园足球、篮球、排球等多种球类运动的全自动直播与录制。</p>
      <p class="campus-container-text">完美兼容校内网络，支持内网储存和播放。</p>
      <ul class="campus-container-classes first clearfix">
        <li><img src="./images/football@2x.png" alt=""><span>足球</span></li>
        <li><img src="./images/basketball@2x.png" alt=""><span>篮球</span></li>
        <li><img src="./images/paiqiu@2x.png" alt=""><span>排球</span></li>
        <li><img src="./images/wangqiu@2x.png" alt=""><span>网球</span></li>
      </ul>
      <ul class="campus-container-classes clearfix">
        <li><img src="./images/yundong@2x.png" alt=""><span>运动会</span></li>
        <li><img src="./images/tinengxunlian@2x.png" alt=""><span>训练课</span></li>
        <li><img src="./images/yuyanbiaoyan@2x.png" alt=""><span>文艺表演</span></li>
        <li><img src="./images/huiyi@2x.png" alt=""><span>会议演讲</span></li>
      </ul>
    </div>
    <div class="business-container">
      <p class="business-container-text">用户通过【够威小程序】进行扫码微信支付，自动开启一场比赛的直播或者录制。</p>
      <p class="business-container-text">并在比赛结束后可以立即回放视频，下载及进行个性化剪辑，一键分享到我们的视频平台或者发送到用户自己的个人社交平台。</p>
      <ul class="clearfix">
        <li>
          <img src="./images/saoma@2x.png" alt="">
          <p>球场扫码</p>
        </li>
        <li>
          <img class="jiantou" src="./images/jiantou@2x.png" alt="">
        </li>
        <li>
          <img src="./images/xuanze@2x.png" alt="">
          <p>选择拍摄套餐</p>
        </li>
        <li>
          <img class="jiantou" src="./images/jiantou@2x.png" alt="">
        </li>
        <li>
          <img src="./images/zhifu@2x.png" alt="">
          <p>微信支付</p>
        </li>
        <li>
          <img class="jiantou" src="./images/jiantou@2x.png" alt="">
        </li>
        <li>
          <img src="./images/huifang@2x.png" alt="">
          <p>比赛结束回放视频</p>
        </li>
        <li>
          <img class="jiantou" src="./images/jiantou@2x.png" alt="">
        </li>
        <li>
          <img src="./images/xiazai@2x.png" alt="">
          <p>下载及剪辑</p>
        </li>
        <li>
          <img class="jiantou" src="./images/jiantou@2x.png" alt="">
        </li>
        <li>
          <img src="./images/fenxianghaoyou@2x.png" alt="">
          <p>分享好友</p>
        </li>
      </ul>
      <p class="business-container-desc">灵活的投入模式：我们与场地方共担成本共享收益！</p>
    </div>
  </div>
  <div class="goalv" id="goalv">
    <img src="./images/logo2@2x.png" alt="" class="logo">
    <p>我们相信创新能改变任何一个传统的行业，无论是视频拍摄还是媒体服务都应该用最严谨的态度和独有的思维去赋予这个领域全新的理解</p>
  </div>
  <div class="footer" id="footer">
    <div class="content">
      <p class="footer-en-title">CONTACT US</p>
      <p class="footer-title">联系我们</p>
      <p class="address">
        <img src="./images/dizhi@2x.png" alt="">
        <span>深圳市南山区招商大厦416</span>
      </p>
      <p class="phone">
        <img src="./images/shouji@2x.png" alt="">
        <span>+86 189 2525 0669</span>
      </p>
      <p class="wechat">
        <img src="./images/icon@2x.png" alt="">
        <span>微信号 gwitad1986</span>
      </p>
      <p class="email">
        <img src="./images/youxiang@2x.png" alt="">
        <span>david.liu@goalv.cn</span>
      </p>
      <img class="qrcode" src="./images/qrcode@2x.png" alt="">
    </div>
    <p class="beian">Copy right @ 2019 - 2021 深圳市够威体育文化有限公司 All rights reserved. <a href="http://beian.miit.gov.cn">粤ICP备19072544号-1</a></p>
  </div>
  <div class="play-video-container">
    <span class="close"></span>
    <video
      id="my-player"
      class="video-js vjs-big-play-centered"
      controls
      preload="auto">
      <source id="videoSource" src="./video/Broadcast-Feed.mp4" type="video/mp4"></source>
      <p class="vjs-no-js">
        To view this video please enable JavaScript, and consider upgrading to a
        web browser that
        <a href="http://videojs.com/html5-video-support/" target="_blank">
          supports HTML5 video
        </a>
      </p>
    </video>
  </div>
  <script>
    $(function(){
      var videoWidth = 1000
      if(document.body.clientWidth < 750) {
        videoWidth = document.body.clientWidth
      }
      var player = videojs('my-player', {
        width: videoWidth
      }, function(e) {
          console.log('ready')
        })
        var sources = ['./video/GoalV-Panoramic-View_1.mp4', './video/Broadcast-Feed.mp4', './video/Players-data-collection.mp4']
        
      $('.play-btn').on('click', function() {
        $('.play-video-container').show()
        var id = $(this).data('id') * 1
        player.src(sources[id])
        player.play()
      })
      $('.close').on('click', function() {
        player.pause()
        $('.play-video-container').hide();
      })
      $('.tags').on('click', '.tag', function() {
        var containerArr = ['club', 'campus', 'business']
        var index = $(this).index()
        var preIndex = $('.tags .active').index()
        $(this).addClass('active').siblings('.active').removeClass('active')
        console.log(preIndex, index)
        $('.' + containerArr[preIndex] + '-container').hide()
        $('.' + containerArr[index] + '-container').show()
      })
      $(document)
      .on('click', '.menu-ctrol', function() {
        $('.menu').show()
      })
      .on('click', '.menu .menu-close-btn', function() {
        $('.menu').hide()
      })
      .on('click', '.menu a', function() {
        if(document.body.clientWidth < 750) {
          $('.menu').hide()
        }
      })
    })
  </script>
</body>

</html>
