Merge branch 'master' of http://git.choozmo.com:3000/choozmo/AI_Video_LP

layouts/partials/breadcrumbs.html

@@ -6,7 +6,7 @@
             </div>
         </div>
     </div>
-    <div class="container">
+    <!-- <div class="container">
         <div class="row">
             <div class="col-md-12">
                 <div class="row">
@@ -24,13 +24,6 @@
                     </div>
                 </div>
             </div>
-            <!-- <div class="col-md-4 blog_social">
-                <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/u2MFY3U.png" alt=""></a>
-                <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/LNAJtkO.png" alt=""></a>
-                <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/ImYZfgI.png" alt=""></a>
-                <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg"><img src="https://i.imgur.com/A8EG8wf.png" width="32" height="32" alt=""></a>
-                <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/0t496B3.png"></a>
-            </div> -->
         </div>
-    </div>
+    </div> -->
 </div>

layouts/partials/components/carousel.html

@@ -22,6 +22,20 @@
         </div>
       </div> -->
 
+
+      <div class="swiper-slide">
+        <!-- <iframe src="https://www.youtube.com/embed/EEl8P8VshKs?si=JCbDL2qYGtE06JYq" title="YouTube video player"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+        allowfullscreen></iframe> -->
+
+        <img src="/imgs/home/亞錦賽-07.webp"
+          alt="choozmo｜AI主播｜AI｜華視｜亞錦賽｜12月3號到12月10號鎖定亞錦棒球看華視｜人工智慧｜AI人工智慧｜人工智能｜虛擬主播｜虛擬人｜新聞播報">
+        <div class="cts-player-item">
+          <div id="cts-player"></div>
+        </div>
+      </div>
+
       <div class="swiper-slide">
         <div class="toggle-video">
           <select onchange="setEwinFrame(this)">
@@ -107,10 +121,12 @@
   // 在 API 載入完成後建立影片播放器
   let player;
   let ewinPlayer;
+  let cts;
 
   function onYouTubeIframeAPIReady() {
     setupPlayer('player', 'vS8D5h7oUU0'); // 克隆娟
     setupPlayer('ewin-player', 'YvmyRn6e9uw'); // 亞運
+    setupPlayer('cts-player', 'EEl8P8VshKs'); // 亞錦賽
   }
 
   function setupPlayer(playerId, videoId) {
@@ -127,12 +143,15 @@
           // 隱藏影片播放器
           event.target.mute();
 
-          const playerItem = document.querySelector(`.${playerId}-item`);
-          const posterDiv = document.createElement('div');
+          let posterDiv = document.createElement('div');
+          let playerItem = document.querySelector(`.player-item`);
 
           let ewinDiv = document.createElement('div');
           let playerEwinItem = document.querySelector('.ewin-player-item');
 
+          let ctsDiv = document.createElement('div');
+          let playerCtsItem = document.querySelector('.cts-player-item');
+
           // 設定封面圖片(在影片上放封面圖片 div)
           posterDiv.classList.add('poster'); // 克隆娟
           event.target.getIframe().parentNode.insertBefore(posterDiv, event.target.getIframe());
@@ -140,9 +159,13 @@
           ewinDiv.classList.add('ewin'); // 亞運
           event.target.getIframe().parentNode.insertBefore(ewinDiv, event.target.getIframe());
 
+          ctsDiv.classList.add('cts'); // 亞錦賽
+          event.target.getIframe().parentNode.insertBefore(ctsDiv, event.target.getIframe());
+
           setTimeout(() => {
             playerItem.style.opacity = '1';
             playerEwinItem.style.opacity = '1';
+            playerCtsItem.style.opacity = '1';
           }, 100);
 
           posterDiv.addEventListener('click', function () {
@@ -158,6 +181,13 @@
             event.target.setVolume(100);
             event.target.playVideo();
           });
+
+          ctsDiv.addEventListener('click', function () {
+            ctsDiv.style.display = 'none'; // 隱藏封面圖片
+            event.target.unMute();
+            event.target.setVolume(100);
+            event.target.playVideo();
+          });
         }
       }
     });

layouts/partials/components/nav.html

@@ -1,5 +1,5 @@
-<nav class="navbar navbar-expand-lg navbar-light bg-light">
-  <div class="container-fluid justify-content-between justify-content-lg-start">
+<nav class="navbar navbar-expand-xl navbar-light bg-light">
+  <div class="container-fluid justify-content-between justify-content-xl-start">
     <a class="navbar-brand home" href="/">
       <img src="{{ .Site.Params.logo | relURL }}" alt="{{ .Title }} logo" class="d-none d-lg-block logo">
       <img src="{{ .Site.Params.logo_small | relURL }}" alt="{{ .Title }} logo" class="d-block d-lg-none logo-sm">
@@ -41,8 +41,8 @@
         {{ end }}
       </ul>
 
-      <ul class="nav navbar-nav navbar-right flex-column flex-lg-row ms-auto mb-3 mb-lg-0">
-        <li class="me-2 mb-3 mb-lg-0">
+      <ul class="nav navbar-nav navbar-right flex-column flex-xl-row ms-auto mb-3 mb-xl-0">
+        <li class="me-2 mb-3 mb-xl-0">
           <button class="language-btn" onclick="toggleLang()">
             中 / en
           </button>

layouts/partials/navbar.html

@@ -1,5 +1,5 @@
-<nav class="navbar navbar-expand-lg navbar-light fixed-top">
-  <div class="container-fluid justify-content-between justify-content-lg-start">
+<nav class="navbar navbar-expand-xl navbar-light fixed-top">
+  <div class="container-fluid justify-content-between justify-content-xl-start">
     <a class="navbar-brand" href="/">
       <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48"
         class="d-inline-block align-text-top">
@@ -16,6 +16,9 @@
         <li class="nav-item">
           <a class="nav-link" href="/ai-presenter/info/">AI 主播</a>
         </li>
+        <li class="nav-item">
+          <a class="nav-link" href="/main-news/virtual-host-solution/">AI 主持人方案</a>
+        </li>
         <li class="nav-item dropdown">
           <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
             aria-expanded="false">

layouts/shortcodes/form.html

@@ -0,0 +1,213 @@
+<div class="news-form">
+  <div class="text-center title">
+    <h4>線上諮詢</h4>
+    <p>與我們合作，馬上展開全新的創作里程碑</p>
+  </div>
+  <form>
+    <div class="row mb-4">
+      <label for="nameValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
+        <div class="d-flex flex-nowrap">
+          聯絡人 <span class="text-danger">*</span>
+        </div>
+      </label>
+      <div class="col-md-10 col-lg-9 col-xl-10">
+        <input type="text" class="form-control" id="nameValue" placeholder="請留下聯絡人姓名">
+      </div>
+    </div>
+
+    <div class="row mb-4">
+      <label for="phoneValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
+        <div class="d-flex flex-nowrap">
+          聯絡電話 <span class="text-danger">*</span>
+        </div>
+      </label>
+      <div class="col-md-10 col-lg-9 col-xl-10">
+        <input type="tel" class="form-control" id="phoneValue" placeholder="請留下聯絡電話">
+      </div>
+    </div>
+
+    <div class="row mb-4">
+      <label for="companyValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
+        <div class="d-flex flex-nowrap">
+          公司名稱 <span class="text-danger">*</span>
+        </div>
+      </label>
+      <div class="col-md-10 col-lg-9 col-xl-10">
+        <input type="text" class="form-control" id="companyValue" placeholder="請留下公司名稱">
+      </div>
+    </div>
+
+    <div class="row mb-3">
+      <label for="emailValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
+        <div class="d-flex flex-nowrap">
+          電子信箱 <span class="text-danger">*</span>
+        </div>
+      </label>
+      <div class="col-md-10 col-lg-9 col-xl-10">
+        <input type="email" class="form-control" id="emailValue" placeholder="請留下 E-mail">
+      </div>
+    </div>
+
+    <div class="row mb-3">
+      <label for="dateValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
+        <div class="d-flex flex-nowrap">
+          預計活動需求日 <span class="text-danger">*</span>
+        </div>
+      </label>
+      <div class="col-md-10 col-lg-9 col-xl-10 d-flex align-items-center">
+        <input type="date" id="dateValue" name="dateValue" class="px-2"
+          style="border:1px solid #ced4da; border-radius: 3px;" />
+      </div>
+    </div>
+
+    <div class="row mb-4">
+      <label for="budgetValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
+        <div class="d-flex flex-nowrap">
+          預算限制 <span class="text-danger">*</span>
+        </div>
+      </label>
+      <div class="col-md-10 col-lg-9 col-xl-10">
+        <select class="form-select" id="budgetValue" name="budgetValue">
+          <option selected>請選擇</option>
+          <option value="一萬以內">一萬以內</option>
+          <option value="一萬到五萬">一萬到五萬</option>
+          <option value="五萬到十萬">五萬到十萬</option>
+          <option value="無預算限制">無預算限制</option>
+        </select>
+      </div>
+    </div>
+
+    <div class="row mb-4">
+      <label for="demandValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
+        <div class="d-flex flex-nowrap">
+          需求目的 <span class="text-danger">*</span>
+        </div>
+      </label>
+      <div class="col-md-10 col-lg-9 col-xl-10">
+        <!-- <input type="text" class="form-control" id="demandValue" placeholder="請留下需求目的"> -->
+        <fieldset>
+          <div>
+            <input type="radio" id="aiHost" name="demandValue" value="AI主持人" />
+            <label for="aiHost">AI主持人（尾牙、活動）</label>
+            <br>
+            <input type="radio" id="aiGuide" name="demandValue" value="AI導覽員" />
+            <label for="aiGuide">AI導覽員</label>
+            <br>
+            <input type="radio" id="aiOfficial" name="demandValue" value="AI長官替身" />
+            <label for="aiOfficial">AI長官替身</label>
+            <br>
+            <input type="radio" id="otherOption" name="demandValue" value="其他" />
+            <label for="otherOption">其他（可自行填寫）</label>
+            <input type="text" id="otherText" />
+          </div>
+        </fieldset>
+      </div>
+    </div>
+
+    <div class="row mb-4">
+      <label for="captionValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
+        <div class="d-flex flex-nowrap">
+          需求說明 <span class="text-danger">*</span>
+        </div>
+      </label>
+      <div class="col-md-10 col-lg-9 col-xl-10">
+        <textarea class="form-control" id="captionValue" rows="3" placeholder="請簡述說明"></textarea>
+      </div>
+    </div>
+
+    <div class="row">
+      <div class="col-md-10 col-lg-9 col-xl-10 offset-sm-2">
+        <div class="form-check">
+          <input class="form-check-input mt-2" type="checkbox" id="agreeValue">
+          <label class="form-check-label w-100" for="agreeValue">
+            本人同意集仕多搜集資料
+          </label>
+        </div>
+      </div>
+    </div>
+
+    <div style="height: 15px;">
+      <span class="errorText text-danger">尚有欄位未填寫</span>
+    </div>
+
+    <div class="d-flex justify-content-center mt-5">
+
+      <button type="submit" class="submit-btn" id="submitBtn">
+        <span class="spinner-border spinner-border-sm me-2 loading-btn" role="status" aria-hidden="true"></span>
+        提交
+      </button>
+    </div>
+  </form>
+</div>
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
+  crossorigin="anonymous"></script>
+<script>
+  $('.errorText').hide();
+  $('.loading-btn').hide();
+  const scriptURL = 'https://script.google.com/macros/s/AKfycbyAUKo8onoxuEgXP876QsR6q0_8379v4hMCvYVCk3gVaaTEIuK7hPNnOSKNWHlBJ4mVgA/exec';
+
+  console.log('測試');
+
+  function send() {
+    console.log('addEventListener');
+    let name = document.querySelector('#nameValue').value; // 聯絡人
+    let phone = document.querySelector('#phoneValue').value; // 聯絡電話
+    let company = document.querySelector('#companyValue').value; // 公司名稱
+    let email = document.querySelector('#emailValue').value; // 電子信箱
+    let demand; // 需求目的
+    let caption = document.querySelector('#captionValue').value; // 需求說明
+    let budget = document.querySelector('#budgetValue').value; // 預算限制
+    let date = document.querySelector('#dateValue').value; // 預計活動需求日
+    let agree; // 搜集資料
+
+    if (document.querySelector('input[id="agreeValue"]:checked')) {
+      agree = "同意";
+    } else {
+      agree = "不同意";
+    }
+
+    if (document.querySelector('input[name="demandValue"]:checked')) {
+      demand = document.querySelector('input[name="demandValue"]:checked').value;
+    }
+
+    if (demand === "其他") {
+      demand = document.querySelector('#otherText').value;
+    }
+
+    if (name === "" || phone === "" || company === "" || email === "" || demand === "" || caption === "" || budget === "" || date === "") {
+      $('.errorText').show();
+      return;
+    } else {
+      $('.loading-btn').show();
+      $('.errorText').hide();
+    }
+
+    $.ajax({
+      url: scriptURL,
+      method: "post",
+      data: {
+        "name": name,
+        "phone": phone,
+        "company": company,
+        "email": email,
+        "demand": demand,
+        "caption": caption,
+        "budget": budget,
+        "date": date,
+        "agree": agree
+      },
+      success: function (response) {
+        if (response == "成功") {
+          $('.loading-btn').hide();
+          alert("成功提交！");
+        }
+      },
+    });
+  };
+
+  $('button').on('click', function (e) {
+    e.preventDefault();
+    send();
+  });
+</script>

static/css/style.css

@@ -4380,20 +4380,46 @@
 .carousel-wrapper .carousel .ewin-player-item .ewin {
   background-image: url("/imgs/home/影片封面-11.webp");
 }
+.carousel-wrapper .carousel .cts-player-item {
+  top: 42%;
+  right: 23%;
+}
+.carousel-wrapper .carousel .cts-player-item,
+.carousel-wrapper .carousel .cts-player-item .cts {
+  width: 35vw;
+  height: 20vw;
+}
+@media (max-width: 767px) {
+  .carousel-wrapper .carousel .cts-player-item,
+  .carousel-wrapper .carousel .cts-player-item .cts {
+    width: 44vw;
+    height: 25vw;
+  }
+}
+.carousel-wrapper .carousel .cts-player-item .cts {
+  background-image: url("/imgs/home/亞錦賽-08.webp");
+}
+.carousel-wrapper .carousel .cts-player-item,
 .carousel-wrapper .carousel .player-item,
 .carousel-wrapper .carousel .ewin-player-item {
   position: absolute;
   opacity: 0;
 }
+.carousel-wrapper .carousel .cts-player-item iframe,
 .carousel-wrapper .carousel .player-item iframe,
 .carousel-wrapper .carousel .ewin-player-item iframe {
   width: 100%;
   height: 100%;
 }
+.carousel-wrapper .carousel .cts-player-item .poster,
+.carousel-wrapper .carousel .cts-player-item .ewin,
+.carousel-wrapper .carousel .cts-player-item .cts,
 .carousel-wrapper .carousel .player-item .poster,
 .carousel-wrapper .carousel .player-item .ewin,
+.carousel-wrapper .carousel .player-item .cts,
 .carousel-wrapper .carousel .ewin-player-item .poster,
-.carousel-wrapper .carousel .ewin-player-item .ewin {
+.carousel-wrapper .carousel .ewin-player-item .ewin,
+.carousel-wrapper .carousel .ewin-player-item .cts {
   background-size: cover;
   position: absolute;
   top: 0;
@@ -4539,17 +4565,21 @@
   }
 }
 .news-main-content h2 {
-  padding-left: 10px;
+  padding-left: 20px;
   margin: 30px 0;
   font-size: 1.8rem;
   font-weight: bold;
   border-left: 4px solid #ea5413;
+  letter-spacing: 2px;
 }
 @media (max-width: 767px) {
   .news-main-content h2 {
     font-size: 1.4rem;
   }
 }
+.news-main-content h3 strong {
+  letter-spacing: 2px;
+}
 .news-main-content p {
   font-size: 16px;
   margin-bottom: 50px;
@@ -4558,10 +4588,9 @@
   width: 100%;
   max-width: 1050px;
 }
-.news-main-content iframe {
-  top: 10% !important;
-  width: 80% !important;
-  height: 80% !important;
+.news-main-content .video-box {
+  width: 100%;
+  padding-bottom: 56%;
 }
 .news-main-content .list-link {
   display: block;
@@ -4571,5 +4600,60 @@
   font-weight: bold;
   text-decoration: none;
 }
+.news-main-content .container {
+  max-width: 50%;
+}
+@media (max-width: 991px) {
+  .news-main-content .container {
+    max-width: 90%;
+  }
+}
+
+.news-form {
+  padding: 50px;
+  margin: 150px auto;
+  border-radius: 10px;
+  box-shadow: 0 2px 10px 2px rgb(222, 220, 220);
+}
+@media (max-width: 575px) {
+  .news-form {
+    padding: 50px 30px;
+  }
+}
+.news-form form {
+  margin: auto;
+  max-width: 600px;
+}
+@media (min-width: 1460px) {
+  .news-form form .col-form-label {
+    width: 101px;
+  }
+}
+.news-form .title {
+  margin-bottom: 50px;
+}
+.news-form .title h4 {
+  margin-bottom: 10px;
+  font-size: 32px;
+  font-weight: bold;
+}
+.news-form .title p {
+  margin-bottom: 30px;
+}
+
+.submit-btn {
+  padding: 5px 40px;
+  display: inline-block;
+  color: #fff;
+  background-color: #ea5413;
+  border: 1px solid #ea5413;
+  border-radius: 5px;
+  text-decoration: none;
+  transition: all 0.3s;
+}
+.submit-btn:hover {
+  opacity: 0.8;
+  color: #fff;
+}
 
 /* news-content End *//*# sourceMappingURL=style.css.map */

static/css/style.default.css

@@ -1749,8 +1749,8 @@ fieldset[disabled] .btn-template-primary.active {
   position: absolute;
   width: 6rem;
   height: .5rem;
-  top: 120%;
-  left: 48%;
+  top: 145%;
+  left: 47.5%;
   content: "";
   background-color: #EA5413;
 }

static/css/style.scss

@@ -4797,6 +4797,27 @@
       }
     }
 
+    .cts-player-item {
+      top: 42%;
+      right: 23%;
+
+      &,
+      .cts {
+        width: 35vw;
+        height: 20vw;
+
+        @media (max-width: 767px) {
+          width: 44vw;
+          height: 25vw;
+        }
+      }
+
+      .cts {
+        background-image: url("/imgs/home/亞錦賽-08.webp");
+      }
+    }
+
+    .cts-player-item,
     .player-item,
     .ewin-player-item {
       position: absolute;
@@ -4808,7 +4829,8 @@
       }
 
       .poster,
-      .ewin {
+      .ewin,
+      .cts {
         background-size: cover;
         position: absolute;
         top: 0;
@@ -4982,17 +5004,24 @@
   }
 
   h2 {
-    padding-left: 10px;
+    padding-left: 20px;
     margin: 30px 0;
     font-size: 1.8rem;
     font-weight: bold;
     border-left: 4px solid #ea5413;
+    letter-spacing: 2px;
 
     @media (max-width: 767px) {
       font-size: 1.4rem;
     }
   }
 
+  h3 {
+    strong {
+      letter-spacing: 2px;
+    }
+  }
+
   p {
     font-size: 16px;
     margin-bottom: 50px;
@@ -5003,10 +5032,15 @@
     max-width: 1050px;
   }
 
-  iframe {
-    top: 10% !important;
-    width: 80% !important;
-    height: 80% !important;
+  .video-box {
+    width: 100%;
+    padding-bottom: 56%;
+
+    // iframe {
+    //   top: 10% !important;
+    //   width: 80% !important;
+    //   height: 80% !important;
+    // }
   }
 
   .list-link {
@@ -5017,6 +5051,67 @@
     font-weight: bold;
     text-decoration: none;
   }
+
+  .container {
+    max-width: 50%;
+
+    @media (max-width: 991px) {
+      max-width: 90%;
+    }
+  }
+}
+
+.news-form {
+  padding: 50px;
+  margin: 150px auto;
+  border-radius: 10px;
+  box-shadow: 0 2px 10px 2px rgb(222, 220, 220);
+
+  @media (max-width: 575px) {
+    padding: 50px 30px;
+  }
+
+
+  form {
+    margin: auto;
+    max-width: 600px;
+
+    .col-form-label {
+      @media (min-width: 1460px) {
+        width: 101px;
+      }
+    }
+  }
+
+  .title {
+    margin-bottom: 50px;
+
+    h4 {
+      margin-bottom: 10px;
+      font-size: 32px;
+      font-weight: bold;
+    }
+
+    p {
+      margin-bottom: 30px;
+    }
+  }
+}
+
+.submit-btn {
+  padding: 5px 40px;
+  display: inline-block;
+  color: #fff;
+  background-color: #ea5413;
+  border: 1px solid #ea5413;
+  border-radius: 5px;
+  text-decoration: none;
+  transition: all .3s;
+
+  &:hover {
+    opacity: .8;
+    color: #fff;
+  }
 }
 
 /* news-content End */

webSite/config.toml

@@ -44,11 +44,17 @@ page = ["HTML"]
     url  = "/ai-presenter/info/"
     weight = 2
 
+[[menu.main]]
+    identifier="AI 主持人方案"
+    name = "AI 主持人方案"
+    url  = "/main-news/virtual-host-solution/"
+    weight = 3
+
 [[menu.main]]
     identifier="home"
     name = "服務"
     url  = ""
-    weight = 3
+    weight = 4
 
 [[menu.main]]
     identifier="youtube-views-zh"
@@ -124,25 +130,25 @@ page = ["HTML"]
     identifier="blog"
     name = "部落格"
     url  = "/tags/vtuber/"
-    weight = 4
+    weight = 5
 
 [[menu.main]]
     identifier="main-news"
     name = "最新消息"
     url  = "/main-news/"
-    weight = 5
+    weight = 6
 
 [[menu.main]]
     identifier="聯絡我們"
     name = "聯絡我們"
     url  = "/contact/service/"
-    weight = 6
+    weight = 7
 
 [[menu.main]]
     identifier="關於我們"
     name = "關於我們"
     url  = "/aboutus/info/"
-    weight = 7
+    weight = 8
 
 # Top bar social links menu
 

webSite/content/main-news/virtual-host-solution/index.md

@@ -0,0 +1,65 @@
++++
+title = "AI主持人現正熱夯！透過科技創新，為傳統尾牙春酒活動注入新活力"
+date = "2023-11-30T00:16:00+08:00"
+tags = ["企業級AI主播","AI主播","虛擬主播","集仕多","三立AI主播","華視AI主播","警廣AI主播"]
+categories = "焦點訊息"
+banner = ""
++++
+
+AI 虛擬人在科技日新月異的今天，已經逐漸走進我們的日常生活，接下來進入年底尾聲，我們推出全台灣唯一的「AI 主持人」，讓企業尾牙、春酒活動不再枯燥乏味，揮別真人讀稿、活動前彩排、預演，由「AI 主持人」、「AI 虛擬長官」來點不一樣的開場、致和有趣互動吧！想知道它會如何替 2023 年尾牙帶來最高衝擊的視覺饗宴呢？
+
+## **2023 尾牙春酒選擇 AI 主持人的好處是？**
+
+對於尾牙活動而言，AI 主持人的應用是一個顯著的創新。傳統主持人可能會受到一些限制，例如需要休息，或是無法同時進行其他活動。而 AI 主持人可以保持專業的風格和形象，不受情緒或生理條件影響，同時也能提供更高效的互動體驗，例如不會吃螺絲、不會讀錯稿，除了能進行尾牙活動開場、主持互動遊戲、開獎，甚至還能唱歌、跳舞等。與此同時，AI 主持人也能夠透過先進的技術手段吸引觀眾的注意力，並帶來令人難忘的體驗，它的出現不僅僅是一個科技創新，更是為尾牙活動帶來了全新的可能性。
+
+![三立新聞台 世界面對面 (陳斐娟x克隆娟)](1.webp)
+三立新聞台 世界面對面 (陳斐娟 x 克隆娟)
+
+<div class="video-box mb-5">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/QVaLhMOZF5E?si=Q2SEdFo0E4-CAvQ8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+</div>
+
+## **除了尾牙春酒活動，AI 主持人還能應用在哪？**
+
+除了尾牙活動外，AI 主持人也適用於各種企業活動，如年會、展覽、產品發布會、課程教學、內部教育訓練、廣告宣傳、社群貼文等，甚至在各種學術研討會或公共演講中也能應用。
+
+![華視新聞 2023亞運賽事播報 (林奕雯xE-win)](2.webp)
+華視新聞 2023 亞運賽事播報 (林奕雯 xE-win)
+
+[華視 AI 體育主播登場！分身「E-Win」打造電視新聞的全新互動體驗](https://ai.choozmo.com/main-news/%E8%8F%AF%E8%A6%96/)
+
+## **客制：AI 虛擬主持人和 AI 虛擬長官該怎麼選？**
+
+透過集仕多真人客製化建模的技術，AI 主持人能夠擁有逼真的外觀和聲音，讓觀眾感受到與真人主播相仿的互動體驗。我們根據真人樣本進行高度的還原，以確保 AI 主持人在外觀和聲音上與真人極為相似。
+
+## **AI 虛擬主持人**
+
+集仕多虛擬主持人與傳統活動主持，最大的差異性在於 AI 主持人不受時間和嗓音限制，能夠提供一致的表現，且擁有更多元化的互動方式，例如即時回答問題、播放影音素材等，增加活動的娛樂性和互動性、創新性。
+
+<div class="video-box mb-5">
+    <iframe src="https://www.youtube.com/embed/NwQCotGZdGU?si=SE7XTMZ8j05Z3E5k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+</div>
+
+## **AI 虛擬長官**
+
+將 AI 主持人作為虛擬長官出現在尾牙活動開場，替長官客製化一個 AI 分身，用來傳遞出一種現代化和科技化的形象。還可以呈現「多語言」和「視覺」效果，營造出獨特的氛圍，讓尾牙活動帶有更多的科技感，帶給全體員工一個獨特而難忘的尾牙，展現出科技的魅力，同時傳遞企業形象、提升企業員工向心力與創新能力。
+
+<div class="video-box mb-5">
+    <iframe src="https://www.youtube.com/embed/xJa3rXU9LZs?si=bh3GISOYgXQeDCDD" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+</div>
+
+有了 AI 主持人的出現，為尾牙活動注入了新的活力，它在不同層面上與傳統的活動主持有著諸多優勢，並且能夠提供更加多元化的互動和體驗。這樣創新的想法，不僅能夠豐富企業尾牙、春酒的內容，同時也代表著時代的發展和科技的進步，想了解更多 AI 主持人嗎？歡迎公司尾牙福委、總召與我們一起讓今年的尾牙再創高峰！
+
+<div class="d-flex justify-content-center mb-5">
+    <a href="https://lin.ee/jYalbZq" class="submit-btn mb-3" target="_blank"> LINE 一對一諮詢</a>
+</div>
+
+集仕多 ChoozMo，我們是一家 Generative AI 新創公司，成立於 2020 年，唯一獲得工業局－人工智慧技術服務機構能量登錄「虛擬人物/虛擬偶像設計」。我們專注於 text-to-video 技術研發，快速建立生成式 AI 人物模型，任意變換臉型、妝感、服飾、背景、光源等風格，也能學習客戶聲音，支援 22 國語言，畫質最高可達 8K，讓您免進攝影棚，免拍攝，用最短的時間幫您的想法快速轉換成影片。成功應用客戶包含三立電視 AI 陳斐娟（[克隆娟](https://ai.choozmo.com/main-news/inewsspokes/)）、警察廣播電台 [AI 盧卡斯](https://ai.choozmo.com/main-news/%E8%AD%A6%E5%AF%9F%E5%BB%A3%E6%92%AD%E9%9B%BB%E5%8F%B0%E5%88%9D%E6%AC%A1ai%E4%B8%BB%E6%92%AD%E7%9C%9F%E4%BA%BA%E5%BB%BA%E6%A8%A1-%E8%88%87choozmo%E5%90%88%E4%BD%9Cai%E5%BD%B1%E7%89%87/)、華視新聞 AI 林奕雯（[E-Win](https://ai.choozmo.com/main-news/%E8%8F%AF%E8%A6%96/)）等。
+
+![警察廣播電臺 雙主播 多語言對話](3.webp)
+警察廣播電臺 雙主播 多語言對話
+
+![華視新聞 2023 亞錦賽宣傳影片](4.webp)
+華視新聞 2023 亞錦賽宣傳影片
+
+{{< form >}}

webSite/content/tags/vtuber/_index.md

@@ -1,7 +1,5 @@
 +++
-title = "Vtuber"
+title = "部落格"
 date = "2021-07-23T12:27:12+08:00"
 +++
 
-{{< vtuber >}}
-